pantoken / pendo

pendo ​

Beta

@pantoken/pendo — Instructure-tyylinen globaali tyylitaulukko Pendo-opastuksille.

Pendo upottaa ohjeen HTML:n isäntäsivulle; tämä renderöi kyseisen ohjeen DOM:n (._pendo-*) to match Instructure UI, käyttäen pantokenin --instui-* token-kerrosta kohdistukseen. Se sisältää responsiiviset violet ja sea -banneri‑ohjekäsittelyt yhdessä alerttien, popoverien, kyselyiden ja kontrollien kanssa. The component CSS on siirretty @instructure/pendo-global-css; pantoken toimittaa tokenit ja assemblyn. Yksi teemaluokka, joka sisältää instui, aktivoi scoped-tyylitiedoston; compact suffiksit tuolla luokalla valitsevat bannerin värit ja kuvakkeet, ja instui-banner etuliite laajentaa banner‑pintaa popovereihin ja kyselyihin säilyttäen niiden päällekkäisyyden korotuksen.

buildPendoCss koostaa tyylitaulukon; pendoCss on valmiiksi rakennettu rebrand-build (scoped, !important). Staattinen tiedosto julkaistaan osoitteessa @pantoken/pendo/global.css.

Esimerkki ​

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

Rajapinnat ​

Muuttujat ​

Funktionit ​

Viittaukset ​

default ​

Nimeää uudelleen ja vie uudelleen pendoCss