Status and feedback
Tooltip
components/ui/tooltipHints after a short hover pause, or at once on keyboard focus.
Tooltip live demo
Project details and historyCraft notes
- Appears after 350 ms on hover, and straight away on keyboard focus
- Escape dismisses it, and the trigger points at it with aria-describedby
- A faint high shimmer marks it, only once the visitor has interacted with the page
Play it
Hover the icon, then Tab to it and press Escape.
Sounds: tooltip
Variants
Every prop combination the component supports. The chip on each card is the exact props it passes.
Top
side="top"The default, above the trigger.
Project details and historyBottom
side="bottom"For triggers near the top of the screen.
Project details and historyLonger hint
content="..."Wraps at 240px.
Sounds play only after you have clicked, tapped or pressed a key on the page.