pantoken / pendo

pendo ​

Beta

@pantoken/pendo — uma folha de estilos global no estilo Instructure para guias Pendo.

Pendo injeta o HTML do guia em uma página host; isso renderiza o DOM desse guia (._pendo-*) para corresponder Instructure UI, usando a camada de tokens do pantoken --instui-* para alinhamento. Inclui tratamentos responsivos violet and sea para banners de guia, além de alertas, popovers, surveys e controles. O CSS do component é portado de @instructure/pendo-global-css; pantoken fornece os tokens e o assembly. Uma única classe de tema contendo instui ativa a folha de estilo com escopo; sufixos compactos nessa classe selecionam cores e glifos do banner, e um prefixo instui-banner estende a superfície do banner para popovers e surveys enquanto mantém sua elevação de overlay.

buildPendoCss compõe a folha de estilos; pendoCss é a rebrand preparada (scoped, !important). Um ficheiro estático é publicado em @pantoken/pendo/global.css.

Exemplo ​

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

Interfaces ​

Variáveis ​

Funções ​

Referências ​

default ​

Renomeia e reexporta pendoCss