Security News
ESLint is Now Language-Agnostic: Linting JSON, Markdown, and Beyond
ESLint has added JSON and Markdown linting support with new officially-supported plugins, expanding its versatility beyond JavaScript.
github.com/michaelbull/aurelia-split-pane
A custom element for resizable split panes.
A running demonstration can be found here.
Tested to work on the following browser versions:
IE / Edge | Firefox | Chrome | Opera |
---|---|---|---|
Edge | 29+ | 32+ | 20+ |
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';
The demo contains two simple 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>
Viewport configurations are an effective way of decoupling sections of your application, and can be used in conjunction
with aurelia-split-pane
, where each pane is effectively a viewport. An example of a message inbox, where the list of
contacts and list of messages are both distinct viewports, is available here. The inbox view
demonstrates how to use the <router-view>
element as a pane within a <split-pane>
element. Aurelia team member
Matthew James Davis has an article providing an in-depth look into viewports, found here.
Bug reports and pull requests are welcome on GitHub.
This project is available under the terms of the ISC license. See the
LICENSE
file for the copyright information and licensing terms.
FAQs
Unknown package
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
ESLint has added JSON and Markdown linting support with new officially-supported plugins, expanding its versatility beyond JavaScript.
Security News
Members Hub is conducting large-scale campaigns to artificially boost Discord server metrics, undermining community trust and platform integrity.
Security News
NIST has failed to meet its self-imposed deadline of clearing the NVD's backlog by the end of the fiscal year. Meanwhile, CVE's awaiting analysis have increased by 33% since June.