Tooltip
FREEShort label on hover and focus, with shortcut keys, an arrow and shared delays.
Installation
Terminal
npx @bloxa/cli add tooltip
# or: npx shadcn@latest add @bloxa/tooltipPackages installed automatically: radix-ui
Examples
Toolbar with shortcuts
Once one is open, moving to the next opens it instantly.
Sides
API reference
Every component also accepts the props of the element it renders.
Tooltip
| Prop | Type | Default | Description |
|---|---|---|---|
| content | ReactNode | — | What the tooltip says. |
| shortcut | string[] | — | Shortcut keys after the text. |
| side | "top" | "right" | "bottom" | "left" | "top" | Which side it opens on. |
| showArrow | boolean | true | Show the arrow. |
| delayDuration | number | 400 | Delay before opening, in ms. |
TooltipProvider
Wrap the app once; delays are shared across tooltips.
| Prop | Type | Default | Description |
|---|---|---|---|
| skipDelayDuration | number | 300 | Window in which the next tooltip opens without delay, in ms. |