ComponentsPopover
Popover
A popover is a non-modal dialog that floats around a trigger. It is used to display contextual information to the user, and should be paired with a clickable trigger element.
A popover is a non-modal dialog that floats around a trigger. It is used to display contextual information to the user, and should be paired with a clickable trigger element.
| Prop | Type | Default |
|---|---|---|
autoFocus | boolean | |
closeOnEsc | boolean | |
closeOnInteractOutside | boolean | |
defaultOpen | boolean | |
getRootNode | () => ShadowRoot | Node | Document | |
id | string | |
ids | Partial<{
anchor: string
trigger: string
content: string
title: string
description: string
closeTrigger: string
positioner: string
arrow: string
}> | |
initialFocusEl | HTMLElement | (() => MaybeElement) | |
modal | boolean | |
onEscapeKeyDown | (event: KeyboardEvent) => void | |
onFocusOutside | (event: FocusOutsideEvent) => void | |
onInteractOutside | (event: InteractOutsideEvent) => void | |
onOpenChange | (details: OpenChangeDetails) => void | |
onPointerDownOutside | (event: PointerDownOutsideEvent) => void | |
open | boolean | |
portalled | boolean | |
positioning | PositioningOptions |
| Prop | Type | Default |
|---|---|---|
asChild | boolean |
| Prop | Type | Default |
|---|---|---|
asChild | boolean |
| Prop | Type | Default |
|---|---|---|
asChild | boolean |
| Prop | Type | Default |
|---|---|---|
asChild | boolean | |
lazyMount | boolean | |
onExitComplete | () => void | |
present | boolean | |
unmountOnExit | boolean |
| Prop | Type | Default |
|---|---|---|
asChild | boolean |
| Prop | Type | Default |
|---|---|---|
asChild | boolean |
| Prop | Type | Default |
|---|---|---|
asChild | boolean |
| Prop | Type | Default |
|---|---|---|
asChild | boolean |
| Prop | Type | Default |
|---|---|---|
asChild | boolean |
| Prop | Type | Default |
|---|---|---|
asChild | boolean |