Status
The Status component is used to display a status or indicator that can be used to visually indicate different states in the application. For example, user login status, network connection status, or other indicators that are important to the user interface.
It can also be customized by setting different sizes or types to suit the needs of the application design.
Basic use
The sample shows the status in its simplest form, i.e. as a short status element without additional content.
Slots
The sample shows how to add additional content to the status, such as an icon or secondary text, via slots.
Size
This sample shows how resizing will affect the layout and visual hierarchy of the wje-status component.
Status types
This sample shows how to display a status indicator or additional status content for the wje-status component.
When to use
Use wje-status when you need to immediately communicate a status, the result of an action, or the next step to the user.
When not to use
Don't use multiple competing feedback channels at the same time for one event.
Accessibility
Communicate message status through appropriate ARIA live regions and manage focus (open/close) for modal elements.
Recommended practices
- Select the severity of the messages (info/success/warning/error) according to the real impact on the user.
- For blocking actions, prefer confirmation only where irreversible change is imminent.
- Set consistent timeouts so the user has time to read the message.
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
| Názov | Popis |
|---|---|
native | Štýluje koreňovú shadow časť komponentu. |
bullet | Štýluje shadow časť bullet. |
CSS custom variables
Pre tento komponent nie sú dostupné žiadne vlastné CSS vlastnosti.
Slots
| Názov | Popis |
|---|---|
default | Predvolený slot pre hlavný obsah komponentu. |
start | Slot pre obsah zobrazený pred hlavným obsahom. |
end | Slot pre obsah zobrazený za hlavným obsahom. |