🚧 VeloxKit is pre-release software. APIs may change before v1.0. Get started →
Documentation
Packages
@velox/split-pane

@velox/split-pane

Two-pane resizable layout. Drag the divider to resize either pane.

Install

npm install @velox/split-pane

Usage

import { SplitPane } from '@velox/split-pane'
 
<SplitPane direction="horizontal" defaultSizes={[30, 70]} minSizes={[120, 200]} width={W} height={H}>
  <Sidebar />
  <Editor />
</SplitPane>

direction is "horizontal" (side-by-side) or "vertical" (stacked).

@velox/drag-drop@velox/context-menu