When to use
Use to name an icon button or clarify a truncated label.
Loading…
Find components, patterns, tokens, and docs
Component
Short hint that names or clarifies a control on hover or focus.
Preview
<Tooltip
variant="primary"
size="medium"
>
Rename
</Tooltip>Appearance is not enough. This is the contract for when the control earns a place in the product.
Use to name an icon button or clarify a truncated label.
Don't hide required information in a tooltip. Don't use for errors.
Adds just enough language without permanently cluttering a dense UI.
Must appear on keyboard focus as well as hover. Do not use tooltip as the only accessible name — set aria-label on the control.