SheetContent

Overview

The content panel of a Sheet, rendered in a portal and sliding in from a chosen side.

Theme entry: SheetContent

Props

Name	Type	Required	Default	Description
iconOverride	Object		null	A partial icon registry ({ [componentName]: { [iconName]: { component, props } } }) merged with inherited and default icon entries; scopes icon overrides to this component and its descendants.
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.
side	string		"right"	The side the sheet slides in from.
forceMount	boolean		undefined	Whether to force mount the content.
trapFocus	boolean		undefined	Whether to trap focus inside the dialog.
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/sheet/SheetContent.vue