Resizable

A set of resizable panels split by a draggable handle.

$bunx shadcn@latest add @nx-ui/resizable
Registry item
Installs withutils

Horizontal panels

Two panels split left/right, dragged via the handle between them.

Intake sites
Fenwick Quarry
Alderbrook Depot
Marsh End Facility
Select a site to view its remediation summary.

Vertical panels

Set orientation to vertical to stack panels top/bottom instead.

Fenwick ReclamationFenwick Quarry Trust · North Yorkshire
Activity log

Soil samples returned from the north bund — pH within tolerance.

Haul route resurfacing scheduled for next week.

Constrained & collapsible

minSize/maxSize bound the drag range; a collapsible panel snaps shut once dragged below its minimum, and back open on a second drag or double-click of the handle.

FiltersContaminated landCompliant
Sized between 20% and 70% — drag either handle to feel the clamp.
Results panel

Disabled group

Setting disabled on the group locks every handle — panels render at their default sizes and stop responding to drag or keyboard input.

Locked panel A
Locked panel B

Composition: site workspace

A nested group — a file explorer beside a vertical split of preview and activity log — for a realistic site-review workspace.

Marsh End Facility
intake-log.csv
site-boundary.geojson
remediation-plan.md
Marsh End Wetland Buffer
Planning

Region

Norfolk

Tonnage

15,900t

Haul trips

214

Notes from Norfolk Rivers Partnership

Buffer zone survey confirmed — awaiting sign-off from the council planning team.

Norfolk Rivers Partnership · 2 days ago

API reference

Exported parts and their props, extracted from the component source.