Skip to content

DialogScrollContent

Overview

A scrollable Dialog content panel that renders in a portal with a scrollable overlay.

Theme entry: DialogScrollContent

Props

NameTypeRequiredDefaultDescription
iconOverrideObjectnullA partial icon registry ({ [componentName]: { [iconName]: { component, props } } }) merged with inherited and default icon entries; scopes icon overrides to this component and its descendants.
themeOverrideString|Object|ArraynullA partial theme object merged with the component's default theme; accepts a class string, class array, or theme object.
classimport('vue').HTMLAttributes['class']undefinedAdditional CSS classes to apply to the root element.
trapFocusbooleanundefinedWhether to trap focus inside the content.
forceMountbooleanundefinedWhether to force mount the content.

Slots

default

Slot.

Events

NameDescription
openAutoFocusEmitted when focus moves inside the content after it opens.
closeAutoFocusEmitted when focus returns to the trigger after the content closes.
escapeKeyDownEmitted when the Escape key is pressed.
pointerDownOutsideEmitted when a pointer-down event occurs outside the content.
focusOutsideEmitted when focus moves outside the content.
interactOutsideEmitted when any interaction occurs outside the content.

Full event reference

Source

client/lib/shell/dialog/DialogScrollContent.vue

Documents matching: server v3.0.0a1.post1client v3.0.0-alpha.2