ResizablePanel

Overview

A resizable panel managed by a ResizablePanelGroup.

Props

Name	Type	Required	Default	Description
defaultSize	number		undefined	The default size of the panel as a percentage.
minSize	number		undefined	The minimum size of the panel as a percentage.
maxSize	number		undefined	The maximum size of the panel as a percentage.
id	string		undefined	The id of the panel.
order	number		undefined	The order of the panel in the group.
collapsible	boolean		undefined	Whether the panel can be collapsed.
collapsedSize	number		undefined	The collapsed size of the panel as a percentage.
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
collapse	Emitted when the panel collapses.
expand	Emitted when the panel expands.
resize	Emitted when the panel is resized.

Full event reference

Source

client/lib/shell/resizable/ResizablePanel.vue