Tooltip
A popup that appears when an element is hovered or focused, showing a hint for sighted users.
Made by imskyleenPowered by
Loading component...
When to use
Tooltips provide contextual hints for UI elements. Use this decision tree:
Installation
Usage
<TooltipProvider>
<Tooltip>
<TooltipTrigger>Hover me</TooltipTrigger>
<TooltipContent>Tooltip content</TooltipContent>
</Tooltip>
</TooltipProvider>Props
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.
- We use Animate UI from imskyleen for all the animations.
Built by malinskibeniamin. The source code is available on GitHub.