split-view

A drop-in framework to make resizable split views.

Install

npm install split-view

Usage

$3

@import 'split-view'

$3

import 'split-view'

$3

View container:

Divider

Add fill attribute to a view to make it stretched. Normally, you have views that have fixed width/height, the one with fill attribute will fill the rest of the container.

Customize divider

``css
split-divider[thin],
split-divider[wide] {
background-color: #333;
}

split-view[vertical] > split-divider[wide] {
width: 20px;
}

split-view[horizontal] > split-divider[wide] {
height: 20px;
}
`

Sample

`html



Codepen




`

See samples` folder for more.