Hextech UI

Tooltip

Live example

Tooltip

Installation

Terminal
npx shadcn@latest add https://hextech-ui.vercel.app/r/tooltip.json

API reference

These are the main Tooltip options. See the exported TypeScript types for inherited native or primitive props.

PropTypeDefault
delaynumber (provider, milliseconds)Base UI default
sidetop | bottom | left | righttop

Accessible help

Keep essential information in visible text. A tooltip supplements its trigger; it does not replace an icon button’s accessible name. TooltipProvider configures shared timing. Verify both hover and keyboard focus.