ResizablePanelGroup

Overview

A container that manages a group of resizable panels.

Theme entry: ResizablePanelGroup

Props

Name	Type	Required	Default	Description
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.
direction	string		undefined	The layout direction of the panels.
id	string		undefined	A unique id for the group.
autoSaveId	string		undefined	A key for persisting layout in storage.
storage	object		undefined	The storage mechanism for persisting layout.
as	string|object		undefined	The element or component to render as.
asChild	boolean		false	When true, merges props onto the child element instead of rendering a wrapper.

Slots

default

Scoped slot.

Events

Name	Description
layout	Emitted when the panel layout sizes change.

Full event reference

Source

client/lib/shell/resizable/ResizablePanelGroup.vue