Label
Label is an element used to add text content to components. For example, the label can be used inside the Item, Card elements or also in the Badge element and others.
The position of the label inside the element can be inline, fixed, stacked or floating.
When to use
Use wje-label 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 unusual 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
| Názov | Popis |
|---|---|
wje-label:change | Vyvolá sa pri zmene hodnoty komponentu. |
Methods
Pre tento komponent nie sú dostupné žiadne verejné metódy.
CSS shadow parts
| Názov | Popis |
|---|---|
label | Štýluje shadow časť label. |
CSS custom variables
| Názov | Popis |
|---|---|
--wje-label-color | Vlastná CSS premenná, ktorá riadi color. |
--wje-label-font-size | Vlastná CSS premenná, ktorá riadi typografiu. |
Slots
| Názov | Popis |
|---|---|
default | Predvolený slot pre hlavný obsah komponentu. |