Luna Split Pane

A component for creating resizable split panes.

Demo

https://luna.liriliri.io/?path=/story/split-pane

Install

Add the following script and style to your page.

``html


`

You can also get it on npm.

`bash
npm install luna-split-pane --save
`

`javascript
import 'luna-split-pane/luna-split-pane.css'
import LunaSplitPane from 'luna-split-pane'
`

Usage

`javascript
const splitPane = new SplitPane(container, {
direction: 'horizontal', // or 'vertical',
})
splitPane.append(document.createElement('div'), {
minSize: 100,
weight: 50,
})
``

Configuration

* direction('vertical' | 'horizontal'): Direction to split.

Api

$3

Append an element.

$3

Update an element's options.