Components

Tooltip

Displays brief, contextual information when hovering over or focusing on an element, improving clarity without cluttering the interface.

Installation

pnpm dlx shadcn@latest add https://reui.io/r/tooltip.json

This component is built using Radix UI Tooltip primitives. For detailed information, please visit the full API reference.

This component is based on the Tooltip.Root primitive. For full details, visit the official documentation.

This component is based on the Tooltip.Trigger primitive. For full details, visit the official documentation.

This component is based on the Tooltip.Content primitive and includes the following custom props:

Prop	Type	Default
`sideOffset`	~~number~~	4
`className`	~~string~~	~~undefined~~

This component is based on the Tooltip.Provider primitive. For full details, visit the official documentation.

On This Page