Tooltip
A one-line explanation on hover and focus. Plain text only: anything interactive belongs in a Popover.
Example
Saves to your library
<Tooltip text="Saves to your library">
<Button data-ink-tooltip-trigger>Save</Button>
</Tooltip>Props
| Prop | Type | Default | Description |
|---|---|---|---|
text | string | - | The explanation. |
placement | top | bottom | left | right | top | Preferred side; flips when cramped. |
delay | number | 200 | Hover delay ms. |
Accessibility
- Trigger links via
aria-describedby; tooltip hasrole="tooltip". - Focus shows it instantly (no delay); Escape hides it.
- High-contrast pair (15:1) in both themes.