← Design system
Tooltip
Interactive examples and usage for the Tooltip component.
Examples
Props
| Prop | Type | Default | Description |
|---|---|---|---|
content | string | required | Tooltip text content |
position | 'top' | 'bottom' | 'left' | 'right' | 'top' | Preferred tooltip placement |
showDelay | number | 200 | Delay before showing (ms) |
hideDelay | number | 0 | Delay before hiding (ms) |
disabled | boolean | false | Disable the tooltip |
Keyboard
| Key | Action |
|---|---|
| Tab | Focus the trigger element to show the tooltip |
| Tab (away) | Blur the trigger to hide the tooltip |
| Escape | Dismiss the tooltip |