Tooltip

A popup that displays information related to an element when the element receives keyboard focus or the mouse hovers over it.

Preview

Installation

Install the package using your preferred package manager:

npx shadcn@latest add @airy/tooltip

Usage

Import the component from the package:

import { Tooltip } from "@/registry/ui/tooltip"

Then use it in your application:

<Tooltip />

Examples

Default