Skip to content

pantoken / pendo

pendo

Beta(測試)

@pantoken/pendo — 一個用於 Pendo 指南的 Instructure 風格全域樣式表。

Pendo 將導覽的 HTML 注入到宿主頁面;這會呈現該導覽的 DOM (._pendo-*) 以配合 Instructure UI,使用 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