Skip to content

pantoken / pendo

pendo

बीटा

@pantoken/pendo — Pendo गाइड्स के लिए Instructure-शैली वाला एक ग्लोबल स्टाइलशीट।

Pendo एक होस्ट पृष्ठ में गाइड HTML इंजेक्ट करता है; यह उस गाइड DOM को रेंडर करता है (._pendo-*) to match Instructure UI, using pantoken's --instui-* token layer for alignment. इसमें responsive वायलेट और सी बैनर गाइड ट्रीटमेंट शामिल हैं साथ में alerts, popovers, surveys, और controls. component CSS को @instructure/pendo-global-css से पोर्ट किया गया है; pantoken टोकन और assembly प्रदान करता है. एक सिंगल थीम क्लास जिसमें instui शामिल है scoped stylesheet सक्रिय करता है; उस क्लास पर compact suffixes बैनर रंग और ग्लिफ़्स का चयन करते हैं, और एक instui-banner prefix बैनर सतह को popovers और surveys तक विस्तारित करता है जबकि उनके overlay elevation को बनाए रखता है.

buildPendoCss स्टाइलशीट बनाता है; pendoCss तैयार-निर्मित rebrand बिल्ड है (स्कोप्ड, !important)। एक स्थैतिक फ़ाइल @pantoken/pendo/global.css पर प्रकाशित की जाती है।

उदाहरण

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

इंटरफेस

वैरिएबल्स

फंक्शन्स

संदर्भ

default

pendoCss का नाम बदलता है और पुनः-निर्यात करता है।