1# Tooltip
2 
3Informational hover tip
4 
5**Parts:** `TooltipProvider`, `TooltipRoot`, `TooltipTrigger`, `TooltipPortal`, `TooltipContent`, `TooltipArrow`
6 
7## TooltipProvider
8 
9### Props
10| Prop | Type | Default |
11|------|------|---------|
12| `delayDuration` | `number` | `700` |
13| `disableClosingTrigger` | `boolean` | - |
14| `disabled` | `boolean` | - |
15| `disableHoverableContent` | `boolean` | `false` |
16| `ignoreNonKeyboardFocus` | `boolean` | `false` |
17| `skipDelayDuration` | `number` | `300` |
18 
19## TooltipRoot
20 
21### Props
22| Prop | Type | Default |
23|------|------|---------|
24| `defaultOpen` | `boolean` | `false` |
25| `delayDuration` | `number` | - |
26| `disableClosingTrigger` | `boolean` | - |
27| `disabled` | `boolean` | - |
28| `disableHoverableContent` | `boolean` | - |
29| `ignoreNonKeyboardFocus` | `boolean` | - |
30| `open` | `boolean` | - |
31 
32### Emits
33| Event | Payload |
34|-------|---------|
35| `update:open` | `[value: boolean]` |
36 
37### Slots
38| Slot | Type |
39|------|------|
40| `open` | `boolean` |
41 
42## TooltipTrigger
43 
44### Props
45| Prop | Type | Default |
46|------|------|---------|
47| `as` | `AsTag \| Component` | `"button"` |
48| `asChild` | `boolean` | - |
49 
50## TooltipPortal
51 
52### Props
53| Prop | Type | Default |
54|------|------|---------|
55| `disabled` | `boolean` | - |
56| `forceMount` | `boolean` | - |
57| `to` | `string \| HTMLElement` | - |
58 
59## TooltipContent
60 
61### Props
62| Prop | Type | Default |
63|------|------|---------|
64| `align` | `"start" \| "center" \| "end"` | - |
65| `alignOffset` | `number` | - |
66| `ariaLabel` | `string` | - |
67| `arrowPadding` | `number` | - |
68| `as` | `AsTag \| Component` | `"div"` |
69| `asChild` | `boolean` | - |
70| `avoidCollisions` | `boolean` | - |
71| `collisionBoundary` | `Element \| (Element \| null)[] \| null` | - |
72| `collisionPadding` | `number \| Partial<Record<"top" \| "right" \| "bott...` | - |
73| `forceMount` | `boolean` | - |
74| `hideWhenDetached` | `boolean` | - |
75| `side` | `"top" \| "right" \| "bottom" \| "left"` | `"top"` |
76| `sideOffset` | `number` | - |
77| `sticky` | `"partial" \| "always"` | - |
78 
79### Emits
80| Event | Payload |
81|-------|---------|
82| `escapeKeyDown` | `[event: KeyboardEvent]` |
83| `pointerDownOutside` | `[event: Event]` |
84 
85## TooltipArrow
86 
87### Props
88| Prop | Type | Default |
89|------|------|---------|
90| `as` | `AsTag \| Component` | `"svg"` |
91| `asChild` | `boolean` | - |
92| `height` | `number` | `5` |
93| `width` | `number` | `10` |
94