pantoken / pendo

pendo ​

Beta

@pantoken/pendo — un foglio di stile globale in stile Instructure per le guide Pendo.

Pendo inietta HTML della guida in una pagina host; questo rende quel DOM della guida (._pendo-*) per adattarsi a Instructure UI, usando il layer di token di pantoken --instui-* per l'allineamento. Include trattamenti guida per banner responsive violetto e sea accanto ad avvisi, popover, sondaggi e controlli. Il CSS del componente è stato portato da @instructure/pendo-global-css; pantoken fornisce i token e l'assemblaggio . Una singola classe tema contenente instui attiva il foglio di stile scope; suffissi compatti su quella classe selezionano i colori e i glifi del banner, e un prefisso instui-banner estende la superficie del banner a popover e sondaggi mantenendo al contempo la loro elevazione di overlay.

buildPendoCss compone il foglio di stile; pendoCss è la build pronta rebrand (con ambito, !important). Un file statico viene pubblicato su @pantoken/pendo/global.css.

Esempio ​

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

Interfacce ​

Variabili ​

Funzioni ​

Riferimenti ​

default ​

Rinomina e riesporta pendoCss