Resizable

Horizontal (Default)

Shows two horizontally resizable panels with a draggable handle.

PreviewPreviewCodeCode

Left Panel

Right Panel

Vertical

Demonstrates vertically stacked resizable panels.

PreviewPreviewCodeCode

Top Panel

Bottom Panel

Multiple Panels

Shows three resizable panels with different default sizes.

PreviewPreviewCodeCode

Panel 1

Panel 2

Panel 3

Min/Max Sizes

Constrains panel sizes with minimum and maximum values.

PreviewPreviewCodeCode

Min: 20%
Max: 40%

Flexible Panel

Collapsible Panels

Allows panels to be collapsed to their minimum size.

PreviewPreviewCodeCode

Collapsible Panel

Regular Panel