Tooltip

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

Made by imskyleen

Edit on GitHub

Open in

Installation

Usage

<TooltipProvider>
  <Tooltip>
    <TooltipTrigger>Tooltip Trigger</TooltipTrigger>
    <TooltipContent>Tooltip Content</TooltipContent>
  </Tooltip>
</TooltipProvider>

Props

Docs API Reference

Animate UI props

TooltipContent

Prop

Type

Credits

We use Radix UI for the tooltip component.
We take our inspiration from Shadcn UI for the tooltip style.

Toggle Group

A set of two-state buttons that can be toggled on or off.

Accordion

A vertically stacked set of interactive headings that each reveal an associated section of content built with Headless UI.