When to use
Use to name an icon button or clarify a truncated label.
Loading…
Find components, patterns, tokens, and docs
Documentation
Tooltips supplement a control that is already understandable from context.
Keep to a few words. Never put essential instructions only in a 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.
<Tooltip
variant="primary"
size="medium"
>
Rename
</Tooltip>