1# Hover Card
2 
3Card shown on hover
4 
5**Parts:** `HoverCardRoot`, `HoverCardTrigger`, `HoverCardPortal`, `HoverCardContent`, `HoverCardArrow`
6 
7## HoverCardRoot
8 
9### Props
10| Prop | Type | Default |
11|------|------|---------|
12| `closeDelay` | `number` | `300` |
13| `defaultOpen` | `false` | `false` |
14| `open` | `boolean` | - |
15| `openDelay` | `number` | `700` |
16 
17### Emits
18| Event | Payload |
19|-------|---------|
20| `update:open` | `[value: boolean]` |
21 
22### Slots
23| Slot | Type |
24|------|------|
25| `open` | `boolean` |
26 
27## HoverCardTrigger
28 
29### Props
30| Prop | Type | Default |
31|------|------|---------|
32| `as` | `AsTag \| Component` | `"a"` |
33| `asChild` | `boolean` | - |
34 
35## HoverCardPortal
36 
37### Props
38| Prop | Type | Default |
39|------|------|---------|
40| `disabled` | `boolean` | - |
41| `forceMount` | `boolean` | - |
42| `to` | `string \| HTMLElement` | - |
43 
44## HoverCardContent
45 
46### Props
47| Prop | Type | Default |
48|------|------|---------|
49| `align` | `"start" \| "center" \| "end"` | - |
50| `alignOffset` | `number` | - |
51| `arrowPadding` | `number` | - |
52| `as` | `AsTag \| Component` | `"div"` |
53| `asChild` | `boolean` | - |
54| `avoidCollisions` | `boolean` | - |
55| `collisionBoundary` | `Element \| (Element \| null)[] \| null` | - |
56| `collisionPadding` | `number \| Partial<Record<"top" \| "right" \| "bott...` | - |
57| `forceMount` | `boolean` | - |
58| `hideWhenDetached` | `boolean` | - |
59| `prioritizePosition` | `boolean` | - |
60| `side` | `"top" \| "right" \| "bottom" \| "left"` | - |
61| `sideOffset` | `number` | - |
62| `sticky` | `"partial" \| "always"` | - |
63| `updatePositionStrategy` | `"always" \| "optimized"` | - |
64 
65### Emits
66| Event | Payload |
67|-------|---------|
68| `escapeKeyDown` | `[event: KeyboardEvent]` |
69| `focusOutside` | `[event: FocusOutsideEvent]` |
70| `interactOutside` | `[event: PointerDownOutsideEvent \| FocusOutsideE...` |
71| `pointerDownOutside` | `[event: PointerDownOutsideEvent]` |
72 
73## HoverCardArrow
74 
75### Props
76| Prop | Type | Default |
77|------|------|---------|
78| `as` | `AsTag \| Component` | `"svg"` |
79| `asChild` | `boolean` | - |
80| `height` | `number` | `5` |
81| `width` | `number` | `10` |
82