pantoken / pendo

pendo ​

Beta

@pantoken/pendo — et Instructure-stilisert globalt stilark for Pendo-veiledninger.

Pendo injiserer guide-HTML i en verts-side; dette rendrer den veiledningens DOM (._pendo-*) to match ) for å matche Instructure UI, ved å bruke pantoken's --instui-* token-lag for justering. Den inkluderer responsive fiolette og sjøbanner-veiledningsstiler sammen med varsler, popovers, undersøkelser og kontroller. The component CSS is ported from @instructure/pendo-global-css; pantoken leverer tokenene og assemblyen. En enkelt theme-klasse som inneholder instui aktiverer det scoped stylesheetet; kompakte suffikser på den klassen velger bannerfarger og glyphs, og en instui-banner prefiks utvider bannerflaten til popovers og undersøkelser samtidig som deres overlay-elevasjon beholdes.

buildPendoCss komponerer stilarket; pendoCss er det ferdiglagde rebrand-bygget (scoped, !important). En statisk fil publiseres på @pantoken/pendo/global.css.

Eksempel ​

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

Grensesnitt ​

Variabler ​

Funksjoner ​

Referanser ​

default ​

Omdøper og re-eksporterer pendoCss