pantoken / pendo

pendo ​

Beta

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

O Pendo injeta o HTML do guia em uma página host; isto renderiza esse DOM de guia (._pendo-*) para corresponder Instructure UI, usando a camada de tokens --instui-* do pantoken para alinhamento. Ele inclui tratamentos responsivos violet e sea para banners de guia juntamente com alertas, popovers, pesquisas e controles. O CSS do componente é portado de @instructure/pendo-global-css; o pantoken fornece os tokens e o assembly. Uma única classe de tema contendo instui ativa a folha de estilo escopada; sufixos compactos nessa classe selecionam cores e glifos do banner, e um prefixo instui-banner estende a superfície do banner para popovers e pesquisas mantendo a elevação da sobreposição deles.

buildPendoCss compõe a folha de estilo; pendoCss é a rebrand pronta para uso (com escopo, !important). Um arquivo 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