Tooltip
A tooltip provides additional information on hover or focus.
Tooltip
Coming soon
New
1
components
,
66
variants
,
styles
Tooltip
Base Components
Overview
A tooltip is a small, informational pop-up that appears when a user hovers over or focuses on an element, providing additional context or details.
When should you use them?
Use tooltips to offer extra information or explanations without cluttering the interface, especially for icons, buttons, or complex features.
How should you use them?
- Keep tooltip text concise and informative.
- Ensure tooltips are easily accessible on hover or focus.
- Position tooltips so they do not obscure other important content.
- Use subtle animations for showing and hiding tooltips.
- Ensure tooltips are accessible, with ARIA roles and attributes.
No previous post
No next post