💬
Tooltip
Contextual help tooltips that appear on hover.
Feedback
Variants
Tooltip
Top
Props:
position="top" Tooltip
Bottom
Props:
position="bottom" Dark tooltip
Dark
Props:
variant="dark" Light tooltip
Light
Props:
variant="light" Props / API
| Prop | Type | Default | Description |
|---|---|---|---|
text | string | - | Tooltip text |
position | string | top | Position: top, bottom, left, right |
variant | string | dark | Style: dark, light |
size | string | md | Size: sm, md, lg |
Usage
<Tooltip text="Help text" position="top"><button>Hover me</button></Tooltip>