pantoken / pendo

pendo ​

Bêta

@pantoken/pendo — une feuille de style globale au style Instructure pour les guides Pendo.

Pendo injecte le HTML du guide dans une page hôte ; cela rend ce DOM de guide (._pendo-*) to match Instructure UI), en utilisant la couche de tokens de pantoken --instui-* pour l'alignement. Il inclut des traitements de guides de bannière réactifs violet et sea, ainsi que des alertes, popovers, enquêtes et contrôles. Le CSS de composant est porté depuis @instructure/pendo-global-css; pantoken fournit les tokens et l' assembly. Une seule classe de thème contenant instui active la feuille de style scoped ; des suffixes compacts sur cette classe sélectionnent les couleurs et les glyphes de la bannière, et un préfixe instui-banner étend la surface de la banner aux popovers et aux enquêtes tout en conservant leur élévation d'overlay.

buildPendoCss compose la feuille de style ; pendoCss est la version prête à l’usage rebrand (scopée, !important). Un fichier statique est publié à @pantoken/pendo/global.css.

Exemple ​

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

Interfaces ​

Variables ​

Fonctions ​

Références ​

default ​

Renomme et réexporte pendoCss