Tooltip
Adds a supplementary hint to an already labelled interactive control.
@rivetui/tooltipPreview
Explore each composition interactively, then open its code in the same context.
Default
Placement
Composition
Tooltips supplement an already labelled control. Essential instructions remain visible in the interface.
Registry
Installation
Add the component source and its declared dependencies with the shadcn CLI.
Install component
bunx --bun shadcn@latest add @rivetui/tooltipPublic interface
API reference
Component-specific props are listed here. Native element and Base UI props continue to pass through.
TooltipProvider
| Prop | Type | Default |
|---|---|---|
delay | number | 400 |
closeDelay | number | 80 |
Tooltip
| Prop | Type | Default |
|---|---|---|
open | boolean | — |
defaultOpen | boolean | false |
onOpenChange | (open: boolean, details) => void | — |
TooltipContent
| Prop | Type | Default |
|---|---|---|
side | "top" | "right" | "bottom" | "left" | "top" |
align | "start" | "center" | "end" | "center" |
sideOffset | number | 8 |