pantoken / web-components
web-components
Alfa
@pantoken/web-components — keretrendszer-agnosztikus egyéni elemek az Instructure felhasználói felületéhez.
A register (a böngészőben automatikusan meghívva) definieálja a teljes <instui-*> elemkészletet bármely custom-element regiszterben. Minden elem a hozzá tartozó @pantoken/components CSS-t jeleníti meg a saját shadow root-jában; a tokenek olyan örökölt custom property-k, amelyek áthatolnak a shadow határon — töltse be a @pantoken/css-t a biztosításukhoz.
A lokalizált UI karakterláncokhoz (naptár navigációs címkék, dátumbeviteli helyőrző, részletező Vissza szöveg) adja át a locale, strings vagy dir opciókat a register függvénynek. Használja a @pantoken/i18n opciót a teljes Canvas-paritású, 44 területi beállítást (3 RTL) tartalmazó csomagkészlethez és a register függvényt csomagoló registerLocalized segédfüggvényhez.
A modul Node-biztonságos: az elemosztályok a register belsejében vannak definiálva, ami no-op, ha nincs DOM, így az SSR vagy a build során történő importálás soha nem érinti a HTMLElement-t.
Interfészek
- CommandEventish
- ElementRegistry
- RegisterContext
- ElementDefinition
- RegisterContextOptions
- WebComponentStrings
Változók
- alert
- avatar
- badge
- button
- calendar
- contextView
- dateInput
- dateTimeInput
- drawerLayout
- drilldown
- iconButton
- icon
- img
- inPlaceEdit
- DEFINITIONS
- metric
- modal
- pages
- pill
- popover
- progressCircle
- progress
- rating
- sideNavBar
- spinner
- tag
- toggleButton
- tooltip
- tray
- treeBrowser
- truncate
- ELEMENTS
- NESTED_DEPS
- ICON_ELEMENTS
- DEFAULT_PREFIX
- ENGLISH_STRINGS