Divider
The divider element is used to display a separator between sections. It can also be used as a separator between menu items.
Basic use
The sample shows the divider in its simplest role, i.e. as a visual separation of two blocks of content without further editing.
When to use
Use wje-divider when you want to solve a given UI problem consistently within the WebJET design system.
When not to use
Do not use a component outside of its responsibility; in an atypical case, prefer to assemble multiple smaller components.
Accessibility
Check keyboard controls, focus states, contrast and clear naming of interactive elements.
Recommended practices
- Prefer API component over manual DOM interventions.
- Stick to design tokens and consistent naming conventions.
- Before deployment, test the component in real data scenarios.
Attributes and properties
Pre tento komponent nie sú dostupné žiadne vlastnosti.
Events
Pre tento komponent nie sú dostupné žiadne udalosti.
Methods
Pre tento komponent nie sú dostupné žiadne verejné metódy.
CSS shadow parts
Pre tento komponent nie sú dostupné žiadne CSS časti tieňa.
CSS custom variables
| 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). |
Slots
| Názov | Popis |
|---|---|
default | Predvolený slot pre hlavný obsah komponentu. |