super-tiny-splitpane

``
╭─╮ ┬ ┬ ╭─╮ ╭─╮ ┬─╮ ╭┬╮ ┬ ╭╮╭ ╭─╮ ╭─╮ ╭─╮ ┬ ┬ ╭┬╮ ╭─╮ ╭─╮ ╭╮╭ ╭─╮
╰─╮ │ │ ├─╯ ├┤ ├┬╯ │ │ │││ ├┤ ╰─╮ ├─╯ │ │ │ ├─╯ ├─┤ │││ ├┤
╰─╯ ╰─╯ ┴ ╰─╯ ┴╰─ ┴ ┴ ╯╰╯ ╰─╯ ╰─╯ ┴ ┴─╯ ┴ ┴ ┴ ┴ ┴ ╯╰╯ ╰─╯
Under 2kb and without dependencies
`
> Bare minimum implementation of a Splitpane UI with support for horizontal and vertical layouts.

![Live demo](https://websemantics.github.io/super-tiny-splitpane)

Getting Started

1. Include splitpane.js in an html page,

`html

`

2. Add the following markup,

`html



`

3. Finally, include style rules,

`css
html, body { height: 100% }
.splitpane {width: 100%; height: 100% }
.handle {background-color: lightgrey; }
.handle:hover {background-color: grey }
``

More Examples

- Basic Horizontal
- Basic Vertical

Support

Need help or have a question? post a questions at StackOverflow

Please don't use the issue trackers for support/questions.

Contribution

More than happy to accept external contributions to the project in the form of feedback, bug reports and even better - pull requests :)

License

MIT license
Copyright (c) Web Semantics, Inc.