Tooltip & popover
Dark tooltip; arrow None, Top, Bottom, Left, Right.
In Figma
Section titled “In Figma”From guidelines/components/tooltip-popover.md
Properties, variants and anatomy of the Figma components.
Tooltip
Section titled “Tooltip”Variants: 10
| Property | Type / options |
|---|---|
| Text | text |
| Supporting text | False · True |
| Arrow | None · Top · Bottom · Left · Right |
Tooltip
Section titled “Tooltip”Do
- Use for short hints on icon buttons and truncated text.
- Keep it to one sentence.
- Point the arrow at the trigger.
Forbidden
- Never put links or actions in a tooltip.
- Never explain a disabled button only with a tooltip.
- Never repeat the visible label.