Resizable

Panels split by a hairline that lights when you take hold of it.

pulls inreact-resizable-panelslucide-react@afterglow/theme

manifest

preview

Installation

npx shadcn@latest add @afterglow/resizable

Component structure.

ResizablePanelGroup
├── ResizablePanel
└── ResizableHandle

withHandle puts a grip on the rule. Without it the whole hairline is still draggable, it just does not say so.

Prop	Type	Default
withHandle	boolean	false

Everything else is react-resizable-panels's API, documented there.