Skip to content

pantoken / pendo

pendo

Beta

@pantoken/pendo — helaian gaya global bergaya Instructure untuk panduan Pendo.

Pendo menyuntik HTML panduan ke dalam halaman hos; ini merender DOM panduan tersebut (._pendo-*) to match Instructure UI, menggunakan pantoken's --instui-* token layer for alignment. Ia termasuk rawatan panduan banner responsif violet and sea banner guide treatments alongside alerts, popovers, surveys, and controls. The component CSS is ported from @instructure/pendo-global-css; pantoken menyediakan token dan assembly. Satu kelas tema tunggal yang mengandungi instui mengaktifkan helaian gaya yang ditentukan skop; sufiks padat pada kelas itu memilih warna dan glif banner, dan sebuah instui-banner prefix meluaskan permukaan banner ke popovers dan surveys sambil mengekalkan elevasi overlay mereka.

buildPendoCss menyusun helaian gaya; pendoCss ialah binaan rebrand sedia pakai (berskop, !important). Fail statik diterbitkan di @pantoken/pendo/global.css.

Contoh

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

Antaramuka

Pembolehubah

Fungsi

Rujukan

default

Menamakan semula dan mengeksport semula pendoCss