Tooltip
Tooltip is used to display content in relation to a target when that target is hovered.
Usage
Code
Interactions
Structure
| Property | Value(s) |
|---|---|
| Padding (top, right, bottom, left) | 4 px, 8 px, 4 px, 8 px |
| Spacing from trigger | 4 px |
| Maximum width | 256 px |
Configurations
| Property | Value(s) | Default value |
|---|---|---|
| Position | Bottom |
Usage
Positioning
Default position
The preferred and default side of tooltip is the bottom of the trigger.
Default position