Tooltip
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
Ukážka zobrazuje tooltip v jeho základnom použití, teda ako krátky doplnkový kontext k cieľovému prvku.
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 | boolean |
| 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
Pre tento komponent nie sú dostupné žiadne verejné metódy.
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. |