Skip to main content

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

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ázovPopis
--wje-border-widthVlastná CSS premenná, ktorá riadi border width.
--wje-divider-border-colorVlastná CSS premenná, ktorá riadi border color.
--wje-divider-border-widthVlastná CSS premenná, ktorá riadi border width.
--wje-divider-spacingVlastná CSS premenná na štýlovanie komponentu (spacing).

Sloty

NázovPopis
defaultPredvolený slot pre hlavný obsah komponentu.