components
Tooltip
A small hint on hover or focus, built on Radix Tooltip. Note: tooltips are pointer-oriented and do not appear on touch, so never put essential information in a tooltip alone. Use it for supplementary hints on icon controls.
Sides
Position the tooltip relative to its trigger.
top
bottom
right
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| content | ReactNode | none | The tooltip body. |
| children | ReactNode | none | The trigger element, rendered asChild. |
| side | "top" | "right" | "bottom" | "left" | top | Placement relative to the trigger. |
| delayDuration | number | 250 | Hover delay in ms before showing. |