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	Object		null	A partial ThemeObject keyed by component name, merged over this component's theme and provided to descendants.
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