Skip to content

ResizablePanelGroup ​

Overview ​

A container that manages a group of resizable panels.

Theme entry: ResizablePanelGroup

Props ​

NameTypeRequiredDefaultDescription
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.
directionstringundefinedThe layout direction of the panels.
idstringundefinedA unique id for the group.
autoSaveIdstringundefinedA key for persisting layout in storage.
storageobjectundefinedThe storage mechanism for persisting layout.
asstring|objectundefinedThe element or component to render as.
asChildbooleanfalseWhen true, merges props onto the child element instead of rendering a wrapper.

Slots ​

default ​

Scoped slot.

Events ​

NameDescription
layoutEmitted when the panel layout sizes change.

Full event reference

Source ​

client/lib/shell/resizable/ResizablePanelGroup.vue