pantoken-root / pendo

pendo ​

Compatibility ​

Target: Pendo. Host compatibility has not yet been verified.

Full compatibility matrix

Béta

@pantoken/pendo — egy Instructure-stílusú globális stíluskészlet Pendo útmutatókhoz.

A Pendo beágyazza az útmutató HTML-jét egy hosztoldalba; ez rendereli az útmutató DOM-ját (._pendo-*) to match Instructure UI, pantoken --instui-* token rétegét használva az igazításhoz. Tartalmaz reszponzív ibolya és tenger színű banner-útmutató kezeléseket riasztásokkal, popoverekkel, felmérésekkel és vezérlőkkel együtt. A komponens CSS-e át lett portolva a @instructure/pendo-global-css; a pantoken biztosítja a tokeneket és az összesítést. Egyetlen témaosztály, amely tartalmazza a instui, aktiválja a scoped stíluslapot; ezen az osztályon a kompakt utótagok választják ki a banner színeit és glifjeit, és egy instui-banner előtag kiterjeszti a banner felületet a popoverekre és felmérésekre, miközben megtartja azok overlay-elevációját.

A buildPendoCss összeállítja a stíluslapot; a pendoCss a készen elkészített rebrand összeállítás (hatóköri, !important). Statikus fájl van közzétéve a @pantoken/pendo/global.css címen.

Példa ​

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

Interfészek ​

Változók ​

Függvények ​

Hivatkozások ​

default ​

Átnevezi és újra exportálja a pendoCss-t