VPopover

Props

Name	Type	Description
alternate	boolean	Sets the color-scheme to alternate (dark/light)
arrow	boolean	Whether to render the arrow tip.
dismiss-button-aria-label	string	Overrides the default Dismiss button's aria-label.
layout	Enum: default condensed	Sets the layout of the popover.
manual	boolean	If true, the popover uses manual dismissal (no light-dismiss). Adds a close button to the UI.
offset	number	Sets the offset between popover and the anchor element.
open	boolean	Indicates if the popover is currently open. Can be set declaratively to open/close the popover. Automatically updates when the user dismisses the popover.
placement	Enum: top right bottom left top-start top-end right-start right-end bottom-start bottom-end left-start left-end	The placement of the popover relative to the anchor.

Events

Name	Event Type	Description
blur	FocusEvent	Fires when the element loses focus.
click	MouseEvent	Fires when a pointing device button (such as a mouse's primary mouse button) is both pressed and released while the pointer is located inside the element.
close	CustomEvent	Fired when the popover closes.
focus	FocusEvent	Fires when the element receives focus.
input	Event	Fires when the value of an element has been changed.
keydown	KeyboardEvent	Fires when a key is pressed.
keyup	KeyboardEvent	Fires when a key is released.
open	CustomEvent	Fired when the popover opens.

Slots

Name	Description
anchor	Slot for the trigger element.
default	Default slot for the popover content.
footer	Use the footer slot in order to add action buttons or other contents to the bottom of the dialog.

Methods

Name	Type	Description
_slottedAnchorChanged	() => unknown
anchorChanged	() => unknown
arrowChanged	() => unknown
hide	() => void
openChanged	(_oldValue: boolean,newValue: boolean) => unknown
placementChanged	() => unknown
show	() => Promise<void>
toggle	() => void
updatePosition	() => unknown	Updates the position of the popover