pantoken / pendo

pendo ​

Beta

@pantoken/pendo — globalny arkusz stylów w stylu Instructure dla przewodników Pendo.

Pendo wstrzykuje HTML przewodnika do strony gospodarza; renderuje to DOM przewodnika (._pendo-*) aby dopasować Instructure UI, używając warstwy tokenów pantokena --instui-* do wyrównania. Zawiera responsywne fioletowe i morskie zabiegi banerów przewodnika obok alertów, dymków, ankiet i kontrolek. CSS komponentu został przeniesiony z @instructure/pendo-global-css; pantoken dostarcza tokeny oraz assembly. Pojedyncza klasa motywu zawierająca instui aktywuje zakresowy arkusz stylów; zwarte sufiksy na tej klasie wybierają kolory i glify banerów, a prefiks instui-banner rozszerza powierzchnię banera na dymki i ankiety, zachowując przy tym ich elevację nakładki.

buildPendoCss komponuje arkusz stylów; pendoCss to gotowy build rebrand (zakresowy, !important). Plik statyczny jest publikowany pod adresem @pantoken/pendo/global.css.

Przykład ​

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

Interfejsy ​

Zmienne ​

Funkcje ​

Odwołania ​

default ​

Zmienia nazwę i ponownie eksportuje pendoCss