shadow
Dropdown element slúži na zobrazenie kontextového menu po kliknutí na tlačidlo. Umožňuje používateľovi zvoliť jednu z preddefinovaných možností. Obsahuje element Button, ktorý funguje ako aktivátor a element Menu s obsahom v podobe jednotlivých položiek MenuItem..
Použite wje-dropdown, keď potrebujete používateľovi okamžite komunikovať stav, výsledok akcie alebo ďalší krok.
Nepoužívajte viacero konkurenčných feedback kanálov naraz pre jednu udalosť.
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ť.
| Popis | Určuje, či je rozbaľovacie menu otvorené. |
| Atribút | active |
| Typ | any |
| Predvolené | - |
| Názov | Popis |
|---|
wje-dropdown:open | Vyvolá sa pri otvorení komponentu. |
wje-dropdown:close | Vyvolá sa pri zatvorení komponentu. |
| Popis | Spustí sa pred zobrazením komponentu, aby sa pripravilo počiatočné UI nastavenie. |
| Signatúra | () => any |
| Popis | Spustí sa po zobrazení komponentu, aby sa vykonala následná logika používateľského rozhrania. |
| Signatúra | () => void |
| Názov | Popis |
|---|
native | Štýluje koreňovú shadow časť komponentu. |
Pre tento komponent nie sú dostupné žiadne vlastné CSS vlastnosti.
| Názov | Popis |
|---|
trigger | Slot pre obsah spúšťača. |
default | Predvolený slot pre hlavný obsah komponentu. |