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