Tooltip
A short label that explains an icon or control on hover or focus. Inverse colours keep it readable over any surface in both modes.
Placements
Hover or tab to each button.
Copy linkCopy linkCopy linkCopy link
<Tooltip text="Copy link"><Button icon="link" aria-label="Copy link" /></Tooltip>
Props
| Prop | Type | Default | Description |
|---|---|---|---|
text | string | — | Label. |
placement | "top" | "bottom" | "left" | "right" | "top" | Side. |
children | ReactNode | — | The trigger. |