Split View

A multi-pane resizable layout — the IDE / editor-shell arrangement of sidebar, editor, and panel. Each separator resizes only its two adjacent panes (giving to one exactly what it takes from the other), so the rest of the layout stays put. Drag a separator or focus it and use Arrow / Home / End.

Preview

Files

Editor

Output

Installation

npx shadcn@latest add https://ui.publictheta.com/r/split-view.json

Conformance

This component conforms to the @publictheta/ui-spec split-view specification. Run the suite against any implementation with pnpm conformance.