pantoken / pendo

pendo ​

Beta

@pantoken/pendo — ett Instructure-stilat globalt stilark för Pendo-guider.

Pendo injicerar guide-HTML i en värdsida; detta renderar guide‑DOM (._pendo-*) för att matcha Instructure UI, och använder pantoken's --instui-* tokenlager för justering. Den innehåller responsiva violet och sea banner‑guide‑behandlingar tillsammans med aviseringar, popovers, enkäter och kontroller. The component CSS är porterad från @instructure/pendo-global-css; pantoken levererar tokenarna och assembly. En enda tema‑klass som innehåller instui aktiverar det scope:ade stylesheetet; kompakta suffixes på den klassen väljer bannerfärger och glyphs, och en instui-banner prefix utökar banner‑ytan till popovers och enkäter samtidigt som deras overlay‑elevation bibehålls.

buildPendoCss komponerar stilarket; pendoCss är den färdiga rebrand-byggnationen (scope:ad, !important). En statisk fil publiceras på @pantoken/pendo/global.css.

Exempel ​

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

Gränssnitt ​

Variabler ​

Funktioner ​

Referenser ​

default ​

Byter namn på och återexporterar pendoCss