Resizable
Accessible resizable panel groups and layouts with keyboard support.
Installation
Basic
Start with a horizontal panel group when navigation or context should stay beside the primary workspace.
Preview
Navigation
Project Index
Keep filters, pinned sections, and quick links available while the editor stretches to fit longer content.
Workspace
Release Notes Draft
Drag the separator to rebalance the sidebar and the writing area without leaving the page.
Vertical
Use orientation="vertical" when stacked areas such as a summary and activity feed need adjustable height.
Preview
Summary
Sprint Overview
Keep the status header compact while the detail panel below expands for notes and blockers.
Content Review
Finalize examples for billing, exports, and role management before handing the draft to design.
Implementation Notes
Vertical resizing works well for stacked dashboards, inspector panes, and changelog readers.
Handle
Use withHandle="true" to show a stronger resize affordance, especially when a layout has more than two regions.
Preview
Inbox
Editor
Marketing Launch Plan
Visible handles make it clearer that the center canvas can trade space with the surrounding context panes.
Activity