Shell

SplitView

Multi-pane container with hairline dividers. macOS-flavored. For two panes use Resizable; SplitView is the 3+-pane variant.

Examples

Three panes

Left

Middle

Right

<SplitView panes={[
  {content: leftSnippet, defaultSize: 25},
  {content: midSnippet,  defaultSize: 50},
  {content: rightSnippet, defaultSize: 25},
]} />

Props

Prop	Type	Default	Description
`panes`	`{content: Snippet, defaultSize?, min?, max?}[]`	`—`	Array of pane definitions.
`direction`	`'horizontal' \| 'vertical'`	`'horizontal'`	Split direction.

Install

CLI

npx @a3tai/mittsu add split-view