Skip to main content

Popup

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.

Kedy použiť

Použite wje-popup, 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ázovPopis
wje-portal:restoredVyvolá sa pri odoslaní udalosti wje-portal:restored.
wje-popup:repositionVyvolá sa pri odoslaní udalosti wje-popup:reposition.
wje-popup:showVyvolá sa pri odoslaní udalosti wje-popup:show.
wje-popup:hideVyvolá sa pri odoslaní udalosti wje-popup:hide.
wje-popup:beforeshowVyvolá sa pri odoslaní udalosti wje-popup:beforeshow.
wje-popup:aftershowVyvolá sa pri odoslaní udalosti wje-popup:aftershow.
wje-router:rebindVyvolá sa pri odoslaní udalosti wje-router:rebind.
wje-popup:openedVyvolá sa pri otvorení komponentu.

Metódy

setAnchor

PopisNastaví anchor a aplikuje súvisiace zmeny stavu.
Signatúra() => void

showHide

PopisZobrazí hide v používateľskom rozhraní komponentu.
Signatúra() => void

reposition

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

findDialog

PopisNájde dialog v dátach spravovaných komponentom.
Signatúra(el: any) => void

show

PopisZobrazí show v používateľskom rozhraní komponentu.
Signatúra(dispatchEvent?: boolean) => void

hide

PopisSkryje hide v používateľskom rozhraní komponentu.
Signatúra(dispatchEvent: any) => void

markContentReady

PopisOznačí obsah ako pripravený, aby mohlo pokračovať pozicionovanie a zobrazenie popupu.
Signatúra() => void

CSS tieňové časti

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

CSS vlastné premenné

Pre tento komponent nie sú dostupné žiadne vlastné CSS vlastnosti.

Sloty

NázovPopis
anchorSlot pre kotviaci alebo referenčný prvok.
arrowSlot pre vlastný prvok šípky.
defaultPredvolený slot pre hlavný obsah komponentu.