Resizable

Draggable panels for flexible layouts. The panel group provides a tinted tray surface, while panels default to capsule surfaces for content clarity.

Horizontal Panels

Two panels side by side with a draggable divider.

Panel A
Panel B

With Drag Handle

Visible grip handle for intuitive resizing interaction.

Documents
Preview

Vertical Panels

Stacked panels with vertical resizing.

Top Panel
Bottom Panel

Three Panel Layout

Multiple panels for complex workspace layouts.

Sidebar
Main Content
Inspector

Nested Panels

Combined horizontal and vertical panels for advanced layouts.

Navigation
Editor
Terminal

Size Constraints

Panels with minimum and maximum size limits.

Constrained20% - 40%
Flexible Panel

Custom Handle Styles

Different handle designs for various visual contexts.

Pill Handle
Panel B
Icon Handle
Panel B
Dots Handle (Vertical)
Panel B