Search

Search components and blocks

Sign in

Tooltip

A fast spring pop instead of the default CSS fade — small enough and frequent enough that the motion has to be instant, not a production.

pnpm dlx shadcn@latest add @ditherui/tooltip

Install

$ pnpm dlx shadcn@latest add @ditherui/tooltip

Props

delayDurationnumber0 (on TooltipProvider)
side"top" | "right" | "bottom" | "left""top"
sideOffsetnumber6

When to use the tooltip

Use tooltips for short hints on icons and controls. It uses a fast spring pop instead of the default CSS fade.

  • Open the CLI tab on any preview above for the exact shadcn command. The source is copied into your project, so you can edit it like any other file.

Suggested components