Divider

shadow

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

Ukážka ukazuje divider v jeho najjednoduchšej roli, teda ako vizuálne oddelenie dvoch blokov obsahu bez ďalších úprav.

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.