Tooltip

Preview

Installation

npx skeci-ui add tooltip

Usage

import { Tooltip } from '@/components/ui/tooltip';

<Tooltip content="Useful information">
  <button>Hover me</button>
</Tooltip>

Variants

Top

Bottom

Left

Right

No Delay

Long Delay

Props

Prop	Type	Default	Description
content	ReactNode (required)	—	The content to display inside the tooltip.
side	'top' | 'bottom' | 'left' | 'right'	'top'	The side of the element to display the tooltip on.
delay	number	300	Delay in milliseconds before the tooltip appears.
asChild	boolean	false	Whether to merge props onto the child element.