Tooltip
A brief label that appears near an element on hover.
Install
npx shadcn add @clearly/tooltipPreview
Live Tooltip component — see usage below.
Usage
import { Tooltip } from "@/components/ui/tooltip"
<Tooltip />Every Clearly component also accepts glass (subtle·medium·strong), specular and className.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
delayDuration | number | 0 | Ms before showing (set on TooltipProvider). |
sideOffset | number | 0 | Distance from trigger in px (TooltipContent). |
side | "top" | "right" | "bottom" | "left" | "top" | Preferred side (TooltipContent). |