Skip to content

pantoken / pendo

pendo

Beta

@pantoken/pendo — una fulla d'estils global estilitzada per a Instructure per a guies de Pendo.

Pendo injecta HTML de guia en una pàgina amfitriona; això renderitza aquest DOM de guia ._pendo-*) per coincidir Interfície d'usuari d'Instructure, utilitzant el de pantoken --instui-* capa de token per a l'alineació. Inclou resposiu tractaments de guia de pancarta violeta i mar juntament amb alertes, popovers, enquestes i controls. El CSS del component està portat des de @instructure/pendo-global-css; pantoken proporciona els tokens i el muntatge. Una única classe de tema que conté instui activa la full d'estil d'àmbit; compacte sufixos en aquesta classe seleccionen colors de pancarta i glifos, i un instui-banner prefix estén el superfície de pancarta a popovers i enquestes mantenint la seva elevació de superposició.

buildPendoCss compon la fulla d'estils; pendoCss és la construcció rebrand preelaborada (amb abast, !important). Un fitxer estàtic es publica a @pantoken/pendo/global.css.

Exemple

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

Interfícies

Variables

Funcions

Referències

default

Canvia el nom i re-exporta pendoCss