aurelia-split-pane
A custom element for resizable split panes.
A running demonstration can be found here.
Browser Support
Tested to work on the following browser versions:
IE / Edge | Firefox | Chrome | Opera |
---|
Edge | 30+ | 32+ | 20+ |
Installation
Install the package via npm:
npm install --save aurelia-split-pane
Install the plugin in your Aurelia project:
export function configure(aurelia: Aurelia): void {
aurelia.use.plugin(PLATFORM.moduleName('aurelia-split-pane'));
}
Import the Sass stylesheet:
@import '~aurelia-split-pane/style/split-pane';
Usage
The demo contains two usage examples.
Below are a couple of simple examples:
<split-pane direction="horizontal">
<div>Left</div>
<div>Right</div>
</split-pane>
<split-pane direction="vertical" style="height: 500px; text-align: center;">
<div>North</div>
<split-pane direction="horizontal">
<div>West</div>
<div>Center</div>
<div>East</div>
</split-pane>
<div>South</div>
</split-pane>
Contributing
Bug reports and pull requests are welcome on GitHub.
License
This project is available under the terms of the ISC license. See the
LICENSE
file for the copyright information and licensing terms.