pantoken / pendo

pendo ​

Bèta

@pantoken/pendo — een Instructure-gestileerde globale stylesheet voor Pendo-gidsen.

Pendo injecteert gids-HTML in een hostpagina; dit rendert die gids-DOM (._pendo-*) to match Instructure UI, using pantoken's --instui-* token layer for alignment. Het bevat responsive violet en sea banner-gidsbehandelingen naast waarschuwingen, popovers, enquêtes en besturingselementen. De component-CSS is gepoort van @instructure/pendo-global-css; pantoken levert de tokens en de assemblage. Een enkele themaklasse die instui bevat activeert de scoped stylesheet; compacte achtervoegsels op die klasse selecteren bannerkleuren en pictogrammen, en een instui-banner voorvoegsel breidt het banner-oppervlak uit naar popovers en enquêtes terwijl hun overlay-elevatie behouden blijft.

buildPendoCss stelt de stylesheet samen; pendoCss is de kant-en-klare rebrand build (gescopeerd, !important). Een statisch bestand wordt gepubliceerd op @pantoken/pendo/global.css.

Voorbeeld ​

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

Interfaces ​

Variabelen ​

Functies ​

Referenties ​

default ​

Hernoemt en herexporteert pendoCss