Skip to content

pantoken / pendo

pendo

Beta

@pantoken/pendo — et globalt stylesheet designet af Instructure til Pendo-vejledninger.

Pendo injicerer vejlednings-HTML på en værtside; dette gengiver vejlednings-DOM (._pendo-*) for at matche Instructure UI, ved hjælp af pantokens --instui-* tokenlag til justering. Det inkluderer responsiv violet og sea banner guide-behandlinger sammen med advarsler, popover, surveys og kontroller. Det komponent-CSS er porteret fra @instructure/pendo-global-css; pantoken leverer tokens og det samling. En enkelt temaklasse indeholdende instui aktiverer det scopet stylesheet; kompakt suffikser på denne klasse vælger banner farver og glyffer, og en instui-banner præfiks udvider banner-overflade til popover og surveys mens deres overlay-niveau bevares.

buildPendoCss komponerer stylesheetet; pendoCss er den færdige rebrand opbygning (omfang, !important). En statisk fil publiceres på @pantoken/pendo/global.css.

Eksempel

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

Grænseflader

Variabler

Funktioner

Referencer

default

Omdøber og genudexporterer pendoCss