pantoken / pendo

pendo ​

베타

@pantoken/pendo — Pendo 가이드용 Instructure 스타일의 전역 스타일시트입니다.

Pendo는 가이드 HTML을 호스트 페이지에 주입합니다; 이는 해당 가이드 DOM을 렌더링합니다 (._pendo-*) to match Instructure UI, pantoken의 --instui-* 토큰 레이어를 정렬에 사용합니다. 이것은 alerts, popovers, surveys 및 controls와 함께 responsive violet 및 sea 배너 가이드 처리들을 포함합니다. The component CSS는 @instructure/pendo-global-css에서 포팅되었으며; pantoken은 토큰과 assembly를 제공합니다. instui를 포함하는 단일 테마 클래스가 범위 지정된 스타일시트를 활성화합니다; 해당 클래스의 compact 접미사는 배너 색상과 글리프를 선택하고, instui-banner 접두사는 오버레이 고도는 유지하면서 배너 표면을 popovers 및 surveys로 확장합니다.

buildPendoCss는 스타일시트를 합성합니다; pendoCss는 준비된 rebrand 빌드(범위지정, !important)입니다. 정적 파일이 @pantoken/pendo/global.css에 배포됩니다.

예제 ​

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

인터페이스 ​

변수 ​

함수 ​

참조 ​

default ​

이름을 바꾸고 pendoCss를 재내보냅니다