Status
Komponent Status slúži na zobrazenie stavu alebo indikátora, ktorý môže byť použitý na vizuálne označenie rôznych stavov v aplikácii. Napríklad stav prihlásenia používateľa, stav pripojenia k sieti, alebo iné indikátory, ktoré sú dôležité pre používateľské rozhranie.
Môže byť tiež prispôsobený nastavením rôznych veľkostí alebo typov, aby vyhovoval potrebám dizajnu aplikácie.
Základné použitie
Ukážka zobrazuje status v jeho najjednoduchšej podobe, teda ako krátky stavový prvok bez doplnkového obsahu.
Sloty
Ukážka ukazuje, ako cez sloty doplniť k statusu ďalší obsah, napríklad ikonu alebo sekundárny text.
Size
Táto ukážka ukazuje, ako zmena veľkosti ovplyvní rozloženie a vizuálnu hierarchiu komponentu wje-status.
Typy statusu
Táto ukážka ukazuje, ako pri komponente wje-status zobraziť stavový indikátor alebo doplnkový status obsah.
Kedy použiť
Použite wje-status, keď potrebujete používateľovi okamžite komunikovať stav, výsledok akcie alebo ďalší krok.
Kedy nepoužiť
Nepoužívajte viacero konkurenčných feedback kanálov naraz pre jednu udalosť.
Prístupnosť
Status správy oznamujte cez vhodné ARIA live regióny a pri modálnych prvkoch spravujte fokus (open/close).
Odporúčané postupy
- Vyberte závažnosť správ (info/success/warning/error) podľa reálneho dopadu na používateľa.
- Pri blokujúcich akciách preferujte potvrdenie iba tam, kde hrozí nevratná zmena.
- Nastavte konzistentné timeouty, aby používateľ stihol správu prečítať.
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
| Názov | Popis |
|---|---|
native | Štýluje koreňovú shadow časť komponentu. |
bullet | Štýluje shadow časť bullet. |
CSS vlastné premenné
Pre tento komponent nie sú dostupné žiadne vlastné CSS vlastnosti.
Sloty
| 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. |