pantoken-root / web-components

web-components ​

Compatibility ​

Target: Web Components. Current format: Custom-element registration and button shadow output. Tested environment: Node 26.10.0 with happy-dom 20.14.5. Real-browser rendering and interaction behavior are not verified.

Full compatibility matrix

알파

@pantoken/web-components — Instructure UI용 프레임워크에 구애받지 않는 커스텀 엘리먼트.

register (브라우저에서 자동 호출됨)는 전체 <instui-*> 엘리먼트 세트를 모든 커스텀 엘리먼트 레지스트리에 정의합니다. 각 엘리먼트는 대응하는 @pantoken/components CSS를 자신의 쉐도우 루트에 렌더링합니다; 토큰은 쉐도우 경계를 관통하는 상속된 커스텀 속성입니다 — 이를 제공하려면 @pantoken/css를 로드하세요.

지역화된 UI 문자열(달력 네비게이션 레이블, 날짜 입력 플레이스홀더, 드릴다운 뒤로 텍스트)을 위해 register에 locale, strings 또는 dir 옵션을 전달하세요. 전체 Canvas 동등 번들 세트와 registerLocalized 헬퍼도 이 패키지에서 내보냅니다.

이 모듈은 Node에 안전합니다: 엘리먼트 클래스는 DOM이 없을 때는 아무 동작도 하지 않는 register 내부에서 정의되므로, SSR이나 빌드 중에 임포트해도 HTMLElement에 영향을 주지 않습니다.

등록 및 섀도우 출력은 Happy DOM으로 환경 검증되었습니다; 실제 브라우저 동작은 해당 검사에 포함되지 않습니다.

인터페이스 ​

변수 ​

함수 ​