pantoken / pendo

pendo ​

Beta

@pantoken/pendo — một stylesheet toàn cục theo phong cách Instructure cho hướng dẫn Pendo.

Pendo chèn HTML hướng dẫn vào một trang chủ; điều này kết xuất DOM hướng dẫn đó (._pendo-*) để khớp với Instructure UI, sử dụng --instui-* của pantoken làm lớp token để căn chỉnh. Nó bao gồm các biện pháp xử lý banner hướng dẫn đáp ứng màu tím và biển cùng với cảnh báo, popover, khảo sát và các điều khiển. CSS của component được chuyển từ @instructure/pendo-global-css; pantoken cung cấp các token và assembly. Một lớp chủ đề duy nhất chứa instui kích hoạt stylesheet có phạm vi; các hậu tố gọn nhẹ trên lớp đó chọn màu banner và biểu tượng, và một tiền tố instui-banner mở rộng bề mặt banner tới popover và khảo sát đồng thời giữ nguyên độ nổi (elevation) của lớp phủ của chúng.

buildPendoCss soạn thảo stylesheet; pendoCss là bản build rebrand đã sẵn sàng (có scope, !important). Một tệp tĩnh được xuất bản tại @pantoken/pendo/global.css.

Ví dụ ​

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

Giao diện ​

Biến ​

Hàm ​

Tham chiếu ​

default ​

Đổi tên và xuất lại pendoCss