Tooltip

shadow

Element Tooltip slúži na zobrazovanie vyskakovacej nápovedy pri nájazde myšou a je ho možné pripojiť k rôznym elementom webovej stránky. Je ľahko prispôsobiteľný pomocou atribútov pre obsah a umiestnenie. Tooltip sa zobrazí, keď používateľ prejde myšou nad cieľový element, a zmizne, keď myš element opustí.

Basic Usage

Kedy použiť

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

active

Popis	Určuje, či je tooltip zobrazený.
Atribút	active
Typ	any
Predvolené	-

content

Popis	Nastavuje textovú hodnotu uloženú vo voľbe content.
Atribút	content
Typ	string
Predvolené	-

Udalosti

Pre tento komponent nie sú dostupné žiadne udalosti.

Metódy

dispatch

Popis	Vyvolá vlastnú udalosť z kontextu komponentu.
Signatúra	(customEvent: any) => void

beforeShow

Popis	Spustí sa pred zobrazením komponentu, aby sa pripravilo počiatočné UI nastavenie.
Signatúra	() => void

afterShow

Popis	Spustí sa po zobrazení komponentu, aby sa vykonala následná logika používateľského rozhrania.
Signatúra	() => void

checkSelector

Popis	Spustí metódu checkSelector na vykonanie logiky komponentu a aktualizáciu jeho stavu.
Signatúra	(anchorEl: HTMLElement) => HTMLElement｜null

CSS tieňové časti

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

CSS vlastné premenné

Názov	Popis
--wje-tooltip-arrow-color	Vlastná CSS premenná, ktorá riadi arrow color.

Sloty

Názov	Popis
arrow	Slot pre vlastný prvok šípky.
anchor	Slot pre kotviaci alebo referenčný prvok.