Divider
Divider element slúži na zobrazenie oddeľovača medzi jednotlivými sekciami. Môže byť použitý aj ako oddeľovač medzi položkami v menu.
Základné použitie
Kedy použiť
Použite wje-divider, keď chcete riešiť daný UI problém konzistentne v rámci WebJET dizajn systému.
Kedy nepoužiť
Nepoužívajte komponent mimo jeho zodpovednosti; pri netypickom prípade radšej zložte viac menších prvkov.
Prístupnosť
Skontrolujte klávesnicové ovládanie, focus stavy, kontrast a zrozumiteľné pomenovanie interaktívnych prvkov.
Odporúčané postupy
- Preferujte API komponentu pred ručnými DOM zásahmi.
- Držte sa dizajnových tokenov a konzistentných konvencií pomenovania.
- Pred nasadením otestujte komponent v reálnych dátových scenároch.
Atribúty a vlastnosti
Pre tento komponent nie sú dostupné žiadne vlastnosti.
Udalosti
Pre tento komponent nie sú dostupné žiadne udalosti.
Metódy
Pre tento komponent nie sú dostupné žiadne verejné metódy.
CSS tieňové časti
Pre tento komponent nie sú dostupné žiadne CSS časti tieňa.
CSS vlastné premenné
| Názov | Popis |
|---|---|
--wje-border-width | Vlastná CSS premenná, ktorá riadi border width. |
--wje-divider-border-color | Vlastná CSS premenná, ktorá riadi border color. |
--wje-divider-border-width | Vlastná CSS premenná, ktorá riadi border width. |
--wje-divider-spacing | Vlastná CSS premenná na štýlovanie komponentu (spacing). |
Sloty
| Názov | Popis |
|---|---|
default | Predvolený slot pre hlavný obsah komponentu. |