Skip to content

pantoken / pendo

pendo

بيتا

@pantoken/pendo — ورقة أنماط عالمية بأسلوب Instructure لأدلة Pendo.

يحقن Pendo HTML الدليل في صفحة المضيف؛ وهذا يحول DOM الدليل ._pendo-*) للمطابقة واجهة مستخدم Instructure، باستخدام pantoken --instui-* طبقة الرمز للمحاذاة. وتتضمن معالجات دليل استجابة بنفسجية وزرقاء بجانب التنبيهات والنوافذ المنبثقة والاستطلاعات والعناصر التحكم. ال CSS للمكون معروض من @instructure/pendo-global-css؛ pantoken يوفر الرموز و التجميع. فئة موضوع واحدة تحتوي على instui تنشط ورقة الأنماط ذات النطاق؛ اللواحق المضغوطة على هذه الفئة تحدد ألوان وأيقونات العلامات، وبادئة instui-banner تمتد سطح العلامة إلى النوافذ المنبثقة والاستطلاعات مع الحفاظ على ارتفاع التراكب الخاص بها.

buildPendoCss يؤلّف ورقة الأنماط؛ pendoCss هو البناء الجاهز rebrand (مقَيَّد، !important). يتم نشر ملف ثابت في @pantoken/pendo/global.css.

مثال

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

واجهات

المتغيرات

الدوال

المراجع

default

يعيد تسمية ويُعيد تصدير pendoCss