# Tooltip

A small label shown on hover or keyboard focus. Compose `TooltipTrigger`
(use `asChild` to wrap your own control) + `TooltipContent`. Positioning is
anchored to the trigger and flips or shifts to stay within the viewport. Wrap a
subtree in `TooltipProvider` to share an open delay.

## Props

### `Tooltip`

| Prop | Type | Default | Description |
| --- | --- | --- | --- |
| `side` | `'top' \| 'right' \| 'bottom' \| 'left'` | `'top'` | Preferred side. |
| `sideOffset` | `number` | `6` | Gap from the trigger (px). |
| `delayDuration` | `number` | `200` | Hover open delay (ms). |
| `open` / `defaultOpen` / `onOpenChange` | — | — | Controlled / uncontrolled open state. |

`TooltipTrigger` accepts `asChild`. `TooltipContent` accepts a `side` that
overrides the `Tooltip`'s placement. `TooltipProvider` takes `delayDuration`.