https://github.com/websemantics/super-tiny-splitpane
Bare minimum implementation of a Splitpane UI with support for horizontal and vertical layouts
https://github.com/websemantics/super-tiny-splitpane
Last synced: 6 months ago
JSON representation
Bare minimum implementation of a Splitpane UI with support for horizontal and vertical layouts
- Host: GitHub
- URL: https://github.com/websemantics/super-tiny-splitpane
- Owner: websemantics
- License: mit
- Created: 2017-05-03T20:21:18.000Z (almost 9 years ago)
- Default Branch: master
- Last Pushed: 2017-05-15T19:15:17.000Z (over 8 years ago)
- Last Synced: 2025-07-17T12:54:42.532Z (7 months ago)
- Language: JavaScript
- Homepage: https://websemantics.github.io/super-tiny-splitpane/
- Size: 15.6 KB
- Stars: 7
- Watchers: 2
- Forks: 3
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
Awesome Lists containing this project
README
```
╭─╮ ┬ ┬ ╭─╮ ╭─╮ ┬─╮ ╭┬╮ ┬ ╭╮╭ ╭─╮ ╭─╮ ╭─╮ ┬ ┬ ╭┬╮ ╭─╮ ╭─╮ ╭╮╭ ╭─╮
╰─╮ │ │ ├─╯ ├┤ ├┬╯ │ │ │││ ├┤ ╰─╮ ├─╯ │ │ │ ├─╯ ├─┤ │││ ├┤
╰─╯ ╰─╯ ┴ ╰─╯ ┴╰─ ┴ ┴ ╯╰╯ ╰─╯ ╰─╯ ┴ ┴─╯ ┴ ┴ ┴ ┴ ┴ ╯╰╯ ╰─╯
Under 2kb and without dependencies
```
> Bare minimum implementation of a Splitpane UI with support for horizontal and vertical layouts.
[](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](https://websemantics.github.io/super-tiny-splitpane/examples/basic-horizontal.html)
- [Basic Vertical](https://websemantics.github.io/super-tiny-splitpane/examples/basic-vertical.html)
## Support
Need help or have a question? post a questions at [StackOverflow](https://stackoverflow.com/questions/tagged/super-tiny-splitpane+websemantics)
*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](http://opensource.org/licenses/mit-license.php)
Copyright (c) Web Semantics, Inc.