SplitView
Resizable before/after split.
Loading…
Resizable before/after split.
Loading…
Resizable before/after or sidebar/canvas splits — compare modes, dual-pane editors.
| Prop | Type | Default | Description |
|---|---|---|---|
| left | ReactNode | — | Left (or top) pane content. |
| right | ReactNode | — | Right (or bottom) pane content. |
| defaultRatio | number | 50 | Initial split percentage. |
| minRatio | number | 20 | Minimum split percentage. |
| maxRatio | number | 80 | Maximum split percentage. |
| orientation | "horizontal" | "vertical" | horizontal | Split direction. |
| className | string | — | Optional CSS class. |
Also copy lib/utils.ts (cn helper):