pantoken / pendo

pendo ​

เบต้า

@pantoken/pendo — โค้ดสไตล์ชีทระดับโลกสไตล์ Instructure สำหรับไกด์ของ Pendo.

Pendo ฉีด HTML ของไกด์ลงในหน้าโฮสต์; นี่จะเรนเดอร์ DOM ของไกด์นั้น (._pendo-*) to match Instructure UI) โดยใช้ชั้นโทเค็นของ pantoken (--instui-*) เพื่อจัดแนว มันรวมถึงการปรับขนาดตอบสนอง การตกแต่งไกด์แบนเนอร์สีม่วงและสีซีไปพร้อมกับการแจ้งเตือน ป๊อปโอเวอร์ แบบสำรวจ และคอนโทรล คอมโพเนนต์ CSS ถูกพอร์ตมาจาก @instructure/pendo-global-css; pantoken จัดหาท็อกเค็นและ การประกอบ ชุดธีมเดียวที่มี instui จะเปิดใช้งานสไตล์ชีตที่มีขอบเขต; คำต่อท้ายแบบกะทัดรัด บนคลาสนั้นเลือกสีและสัญลักษณ์ของแบนเนอร์ และคำนำหน้า instui-banner ขยายพื้นผิวแบนเนอร์ ไปยังป๊อปโอเวอร์และแบบสำรวจในขณะที่ยังคงความยกซ้อนของโอเวอร์เลย์ไว้.

buildPendoCss ประกอบสไตล์ชีท; pendoCss เป็น rebrand build ที่พร้อมใช้ (สโคป, !important). ไฟล์สแตติกหนึ่งไฟล์ถูกเผยแพร่ที่ @pantoken/pendo/global.css.

ตัวอย่าง ​

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

อินเทอร์เฟซ ​

ตัวแปร ​

ฟังก์ชัน ​

การอ้างอิง ​

default ​

เปลี่ยนชื่อและส่งออกซ้ำ pendoCss