Component
Tooltip
A contextual popup that appears on hover or focus. Apple/Linear style — frosted glass, smooth enter and exit animations. Compound component API.
Usage
Light variant
<Tooltip.Content variant="light">
Light tooltip
</Tooltip.Content>API Reference
Tooltip.Root
| Prop | Type | Default | Description |
|---|---|---|---|
open | boolean | — | Controlled open state. |
defaultOpen | boolean | false | Initial open state (uncontrolled). |
onOpenChange | (open: boolean) => void | — | Callback when open state changes. |
unstyled | boolean | false | Strip all default styles from all sub-components. |
Tooltip.Content
| Prop | Type | Default | Description |
|---|---|---|---|
variant | "dark" | "light" | "dark" | Visual style of the tooltip popup. |