DrawerContent

Overview

The content panel of a Drawer, rendered in a portal and sliding in from a chosen direction.

Theme entry: DrawerContent

Props

Name	Type	Required	Default	Description
themeOverride	String|Object|Array		null	A partial theme object merged with the component's default theme; accepts a class string, class array, or theme object.
class	import('vue').HTMLAttributes['class']		undefined	Additional CSS classes to apply to the root element.
forceMount	boolean		undefined	Whether to force mount the content.
trapFocus	boolean		undefined	Whether to trap focus inside the drawer.
disableOutsidePointerEvents	boolean		undefined	Whether to disable outside pointer events.

Slots

default

Slot.

Events

Name	Description
escapeKeyDown	Emitted when the Escape key is pressed.
pointerDownOutside	Emitted when a pointer-down event occurs outside the content.
focusOutside	Emitted when focus moves outside the content.
interactOutside	Emitted when any interaction occurs outside the content.
openAutoFocus	Emitted when focus moves inside the content after it opens.
closeAutoFocus	Emitted when focus returns to the trigger after the content closes.

Full event reference

Source

client/lib/shell/drawer/DrawerContent.vue