Tooltip

Krátký popisek u prvku, na hover i na fokus. Popisuje, nepojmenovává — jméno prvku zůstává na něm.

Kdy použít

Ikonové tlačítko potřebuje vysvětlit, co udělá — řádkové akce ho používají přesně na tohle.
Zkratka nebo číslo potřebuje jednu větu navíc, která se do rozvržení nevejde.
Prvek je vypnutý a je potřeba říct proč. Popisek patří k obalu, ne k vypnutému tlačítku, které fokus nebere.

Kdy nepoužít

Text je potřeba k tomu, aby se dalo jednat. Tooltip je nápověda pro myš a oko — co člověk potřebuje k rozhodnutí, patří do popisku nebo vedle prvku.
Obsah se dá vybrat, prokliknout nebo s ním pracovat — to je IngotPopover.
Nahrazuje se jím jméno prvku. Jméno nese aria-label tlačítka; tooltip ho jen popisuje.

Vlastnosti

text: string — Přeložený popis. Krátký — nejvýš věta.
children: ReactElement — Prvek, který popisuje. Musí umět ref a aria-describedby — každé ovládání kitu to umí.
placement: IngotPlacement — Výchozí top-start. Když se nahoru bublina nevejde, překlopí se dolů.
testId: string — Kotva pro testy.