Tooltip
A popup that displays information on hover or focus.
Import
Usage
Tooltip Props
| Attribute | Type | Default | Description |
|---|---|---|---|
| defaultOpen | boolean | false | Whether the tooltip is open by default. |
| open | boolean | - | Controlled open state of the tooltip. |
| onOpenChange | (open: boolean) => void | - | Callback when the open state changes. |
TooltipContent Props
| Attribute | Type | Default | Description |
|---|---|---|---|
| children | React.ReactNode | - | The content to display in the tooltip. |
| sideOffset | number | 0 | Distance from the trigger in pixels. |
| side | 'top' | 'right' | 'bottom' | 'left' | 'top' | The preferred side of the trigger to render against. |
| className | string | - | Additional CSS classes for styling. |
