A split screen/panel aurelia plugin.
npm install aurelia-split-panelSimply aurelia custom attribute to split screen using https://github.com/nathancahill/Split.js
demo
https://ne0guille-aurelia-split-panel.azurewebsites.net/
Installation
npm install aurelia-split-panel --save
Plugin Setup
aurelia.use.plugin(PLATFORM.moduleName('aurelia-split-panel'));
add style in webpack
'aurelia-split-panel/dist/aurelia-split-panel.css'
Usage
split-panel custom attribute needs to be placed on the parent of the panels to be splitted.
Panels must specify an Id.
If the parent doesnt't have a height and the clientHeight is also 0, it will take the childrens panel height;
``
`
`
Options
https://nathancahill.github.io/Split.js/
`
sizes: Array
minSize: Array
gutterSize: number = 10; Gutter size in pixels.
vertical: boolean = false; Direction to split: horizontal or vertical.
initialize: boolean = true; The split its initialize by default when the element is attached.
`
`
`
SplitService
You can trigger programatically the following methods using the SplitService class.
``
create(options: SplitOptions): void;
setSizes(sizes: number[]): void;
destroy(): void;
Dependencies
"split.js": https://nathancahill.github.io/Split.js/