display contract
Tooltip
Hover/focus-triggered explanation. For icon-only buttons and disabled states only.
Variants
- default
- rich
Sizes
- md
- lg
Example
<Tooltip content="Archive project"><IconButton aria-label="Archive"><ArchiveIcon /></IconButton></Tooltip>Usage rule
Default delay: 250ms before show, 0ms before hide.
The full Tooltip contract has 4 more rules, plus the do-not patterns. Get the full recipe.