shadow
The page for wje-popup has been automatically updated so that the documentation covers the current version of the components.
Detailed instructions for use and recommendations will be added in the next content phase.
Use wje-popup when you need to instantly communicate the status, result of an action, or next step to the user.
Don't use multiple competing feedback channels at the same time for one event.
Communicate message status through appropriate ARIA live regions and manage focus (open/close) for modal elements.
- 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.
| Popis | Určuje, či je voľba loader zapnutá a ovplyvňuje správanie komponentu. |
| Atribút | loader |
| Typ | boolean |
| Predvolené | false |
| Popis | Určuje, či je voľba manual zapnutá a ovplyvňuje správanie komponentu. |
| Atribút | manual |
| Typ | boolean |
| Predvolené | false |
| Popis | Určuje, či je voľba portal zapnutá a ovplyvňuje správanie komponentu. |
| Atribút | portal |
| Typ | boolean |
| Predvolené | false |
| 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í 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 |
| 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. |