Back to Components
Components
Split Pane
Resizable side by side panels with a drag handle.
Left panel
Project overview
Drag the handle to resize the layout and keep key metrics visible.
Syncs every 5 minutes
Right panel
Live activity
Keep a running feed alongside the main workspace.
Last updated 2m ago
Dependencies
- clsx
- tailwind-merge
Files
- components/ui/split-pane.tsx
Installation
Using shadcn CLI
npx shadcn add split-pane --url https://ui.hampton.ioManual installation
Copy the component file to your project and install dependencies:
npm install clsx tailwind-merge