pantoken / pendo

pendo ​

Beta

@pantoken/pendo — he tūmomo kāhua ā-ao ā-Instructure mō ngā aratohu Pendo.

Ka whakakī a Pendo i te HTML arataki ki te whārangi tūmau; ko tēnei ka whakaatu i taua DOM arataki (._pendo-*) kia hāngai ki Instructure UI, mā te whakamahi i te paparanga token o pantoken --instui-* mō te whakarite. Kei roto hoki ngā whakamahinga arataki urutau: violet me sea mō ngā pānui (banner), tāpiri atu ki ngā whakatūpato, popover, rangahau, me ngā mana whakahaere. Ko te component CSS i whakawhitia mai i @instructure/pendo-global-css; ko pantoken te kaiwhakarato i ngā token me te assembly. Ko tētahi kara kaupapa kotahi e whai ana i instui e whakahohe ana i te tārua kāhua takiwā; ko ngā upoko poto (compact suffixes) i runga i taua kara e tīpako ana i ngā tae me ngā tohu mō ngā pānui, ā, ko tētahi instui-banner tūāpapa e whakawhānui ana i te mata pānui ki ngā popover me ngā rangahau me te pupuri tonu i tō rātou teitei āpiti (overlay elevation).

buildPendoCss e whakahōputu ana i te kāhua; ko pendoCss te hanga rebrand kua rite (ā-paewhānui, !important). Ka whakaputahia tētahi kōnae pūmau kei @pantoken/pendo/global.css.

Tauira ​

ts
import { pendoCss } from "@pantoken/pendo";
// or a variant: buildPendoCss({ theme: "canvas", scope: false })

Ngā Atanga ​

Ngā Taipūtī ​

Ngā Mahi ​

Ngā Tohutoro ​

default ​

E ingoa hou ana, e kaweake anō ana i a pendoCss