1# Popover
2 
3Floating content panel
4 
5**Parts:** `PopoverRoot`, `PopoverTrigger`, `PopoverPortal`, `PopoverContent`, `PopoverArrow`, `PopoverClose`, `PopoverAnchor`
6 
7## PopoverRoot
8 
9### Props
10| Prop | Type | Default |
11|------|------|---------|
12| `defaultOpen` | `boolean` | `false` |
13| `modal` | `boolean` | `false` |
14| `open` | `boolean` | - |
15 
16### Emits
17| Event | Payload |
18|-------|---------|
19| `update:open` | `[value: boolean]` |
20 
21### Slots
22| Slot | Type |
23|------|------|
24| `open` | `boolean` |
25 
26## PopoverTrigger
27 
28### Props
29| Prop | Type | Default |
30|------|------|---------|
31| `as` | `AsTag \| Component` | `"button"` |
32| `asChild` | `boolean` | - |
33 
34## PopoverPortal
35 
36### Props
37| Prop | Type | Default |
38|------|------|---------|
39| `disabled` | `boolean` | - |
40| `forceMount` | `boolean` | - |
41| `to` | `string \| HTMLElement` | - |
42 
43## PopoverContent
44 
45### Props
46| Prop | Type | Default |
47|------|------|---------|
48| `align` | `"start" \| "center" \| "end"` | - |
49| `alignOffset` | `number` | - |
50| `arrowPadding` | `number` | - |
51| `as` | `AsTag \| Component` | `"div"` |
52| `asChild` | `boolean` | - |
53| `avoidCollisions` | `boolean` | - |
54| `collisionBoundary` | `Element \| (Element \| null)[] \| null` | - |
55| `collisionPadding` | `number \| Partial<Record<"top" \| "right" \| "bott...` | - |
56| `disableOutsidePointerEvents` | `boolean` | - |
57| `forceMount` | `boolean` | - |
58| `hideWhenDetached` | `boolean` | - |
59| `prioritizePosition` | `boolean` | - |
60| `side` | `"top" \| "right" \| "bottom" \| "left"` | - |
61| `sideOffset` | `number` | - |
62| `sticky` | `"partial" \| "always"` | - |
63| `trapFocus` | `boolean` | - |
64| `updatePositionStrategy` | `"always" \| "optimized"` | - |
65 
66### Emits
67| Event | Payload |
68|-------|---------|
69| `closeAutoFocus` | `[event: Event]` |
70| `escapeKeyDown` | `[event: KeyboardEvent]` |
71| `focusOutside` | `[event: FocusOutsideEvent]` |
72| `interactOutside` | `[event: PointerDownOutsideEvent \| FocusOutsideE...` |
73| `openAutoFocus` | `[event: Event]` |
74| `pointerDownOutside` | `[event: PointerDownOutsideEvent]` |
75 
76## PopoverArrow
77 
78### Props
79| Prop | Type | Default |
80|------|------|---------|
81| `as` | `AsTag \| Component` | `"svg"` |
82| `asChild` | `boolean` | - |
83| `height` | `number` | `5` |
84| `width` | `number` | `10` |
85 
86## PopoverClose
87 
88### Props
89| Prop | Type | Default |
90|------|------|---------|
91| `as` | `AsTag \| Component` | `"button"` |
92| `asChild` | `boolean` | - |
93 
94## PopoverAnchor
95 
96### Props
97| Prop | Type | Default |
98|------|------|---------|
99| `as` | `AsTag \| Component` | `"div"` |
100| `asChild` | `boolean` | - |
101| `element` | `Measurable` | - |
102