PanelGroup

Resizable group with automatic accessible separators and independent nested groups. Shares are percentages. Only the outer group casts a shadow. Optional storage is local and versioned.

Использование

Документ

Рабочая область

Ориентация

Первый

Второй

Первый

Второй

Состояния

Первый

Второй

API

Проп	Тип	По умолчанию	Описание
`orientation`	`"horizontal" \| "vertical"`	`horizontal`	—
`layout`	`readonly number[]`	—	Percentages in child order; shares sum to 100 and obey each panel's min/max.
`defaultLayout`	`readonly number[]`	—	—
`onLayoutChange`	`(layout: number[]) => void`	—	—
`onResizeStart`	`(layout: number[]) => void`	—	—
`onResizeEnd`	`(layout: number[]) => void`	—	Called at commit; cancellation restores the starting layout without a commit.
`resizable`	`boolean`		Render interactive separators automatically.
`disabled`	`boolean`		—
`storageKey`	`string`	—	Optional, versioned localStorage persistence for uncontrolled groups. No storage by default.