Tooltip

A popup that appears when an element is hovered or focused, showing a hint for sighted users.

Made by imskyleen

Edit on GitHub

Open in

delay

closeDelay

side

sideOffset

align

alignOffset

arrow

Installation

Usage

<TooltipProvider>
  <Tooltip>
    <TooltipTrigger>Hover me</TooltipTrigger>
    <TooltipContent>Tooltip content</TooltipContent>
  </Tooltip>
</TooltipProvider>

Props

Docs API Reference

Animate UI Props

TooltipContent

Prop

Type

Credits

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

Toggle Group new

Provides a shared state to a series of toggle buttons.

Accordion

A vertically stacked set of interactive headings that each reveal an associated section of content.