OverlayPopover

A floating panel on the Popover API, placed next to its trigger with flip and shift.

import { OverlayPopover } from '@zairakai/vue-components/Overlay'

Usage

<OverlayPopover />

Props

Name	Type	Default	Description
id	string
class	string
modelValue	boolean	undefined	Whether the panel is open. Use it with v-model, it works without too.
placement	string	'bottom'
offset	number	8	The distance to the trigger, in pixels.
mode	string	'auto'	"auto" closes on a click outside and on Escape; "manual" only closes from the code.
haspopup	string	'dialog'	What kind of popup the trigger opens, for assistive technologies.
role	string	'dialog'	The role of the panel.
label	string

Events

Name	Description
update:modelValue

Slots

Name	Description
trigger
default

See Theming for the class hooks and the data-* state of the components.