shadow
Stránka pre wje-popup bola automaticky doplnená, aby dokumentácia pokrývala aktuálnu verziu komponentov.
Detailné návody na použitie a odporúčania doplníme v ďalšej obsahovej fáze.
Použite wje-popup, 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ť.
Pre tento komponent nie sú dostupné žiadne vlastnosti.
| Názov | Popis |
|---|
wje-portal:restored | Vyvolá sa pri odoslaní udalosti wje-portal:restored. |
wje-popup:reposition | Vyvolá sa pri odoslaní udalosti wje-popup:reposition. |
wje-popup:show | Vyvolá sa pri odoslaní udalosti wje-popup:show. |
wje-popup:hide | Vyvolá sa pri odoslaní udalosti wje-popup:hide. |
wje-popup:beforeshow | Vyvolá sa pri odoslaní udalosti wje-popup:beforeshow. |
wje-popup:aftershow | Vyvolá sa pri odoslaní udalosti wje-popup:aftershow. |
wje-router:rebind | Vyvolá sa pri odoslaní udalosti wje-router:rebind. |
wje-popup:opened | Vyvolá sa pri otvorení komponentu. |
| Popis | Nastaví anchor a aplikuje súvisiace zmeny stavu. |
| Signatúra | () => void |
| Popis | Zobrazí hide v používateľskom rozhraní komponentu. |
| Signatúra | () => void |
| Popis | Spustí metódu reposition na vykonanie logiky komponentu a aktualizáciu jeho stavu. |
| Signatúra | () => void |
| Popis | Nájde dialog v dátach spravovaných komponentom. |
| Signatúra | (el: any) => void |
| Popis | Zobrazí show v používateľskom rozhraní komponentu. |
| Signatúra | (dispatchEvent?: boolean) => void |
| Popis | Skryje hide v používateľskom rozhraní komponentu. |
| Signatúra | (dispatchEvent: any) => void |
markContentReady
| Popis | Označí obsah ako pripravený, aby mohlo pokračovať pozicionovanie a zobrazenie popupu. |
| 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 |
|---|
anchor | Slot pre kotviaci alebo referenčný prvok. |
arrow | Slot pre vlastný prvok šípky. |
default | Predvolený slot pre hlavný obsah komponentu. |