Toast

shadow

Komponent Toast poskytuje nenápadný spôsob zobrazovania krátkych oznámení používateľovi. Sú navrhnuté tak, aby sa objavovali a mizli plynulo, čím sa zabezpečí, že sa dôležité informácie dostanú k používateľom bez toho, aby boli rušivé.

Kedy použiť

Použite wje-toast, 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

Názov	Popis
wje-toast:after-show	Vyvolá sa pri odoslaní udalosti wje-toast:after-show.
wje-toast:after-hide	Vyvolá sa pri odoslaní udalosti wje-toast:after-hide.

Metódy

startTimer

Popis	Spustí metódu startTimer na vykonanie logiky komponentu a aktualizáciu jeho stavu.
Signatúra	() => void

stopTimer

Popis	Spustí metódu stopTimer na vykonanie logiky komponentu a aktualizáciu jeho stavu.
Signatúra	() => void

resumeTimer

Popis	Spustí metódu resumeTimer na vykonanie logiky komponentu a aktualizáciu jeho stavu.
Signatúra	() => void

removeChildAndStack

Popis	Odstráni dieťa and stack z aktuálneho stavu komponentu.
Signatúra	() => void

CSS tieňové časti

Názov	Popis
native	Štýluje koreňovú shadow časť komponentu.

CSS vlastné premenné

Názov	Popis
headline	Vlastná CSS premenná na štýlovanie komponentu (headline).
open	Vlastná CSS premenná na štýlovanie komponentu (open).
duration	Vlastná CSS premenná na štýlovanie komponentu (duration).
closable	Vlastná CSS premenná na štýlovanie komponentu (closable).
color	Vlastná CSS premenná, ktorá riadi color.
countdown	Vlastná CSS premenná na štýlovanie komponentu (countdown).

Sloty

Názov	Popis
default	Predvolený slot pre hlavný obsah komponentu.
media	Slot pre mediálny obsah.