DialogContent

Overview

The content panel of a Dialog, rendered in a portal with an overlay and optional close button.

Theme entry: DialogContent

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	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.
fullScreen	boolean		false	Whether to fill the viewport instead of rendering as a centered modal panel.
showCloseButton	boolean		true	Whether to show the close button.
trapFocus	boolean		undefined	Whether to trap focus inside the content.
forceMount	boolean		undefined	Whether to force mount the content.

Slots

default

Slot.

Events

Name	Description
openAutoFocus	Emitted when focus moves inside the content after it opens.
closeAutoFocus	Emitted when focus returns to the trigger after the content closes.
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.

Full event reference

Source

client/lib/shell/dialog/DialogContent.vue