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