See it in action: http://bryanhunt.github.io/#/split

There is a demo app in tests/dummy.

• git clone this repository
• npm install
• bower install

If you are using ember-cli, you can install as an addon.

ember install ember-split-view

You need to add the following to your config/environment.js:

resizeServiceDefaults: {
  debounceTimeout    : 200,
  heightSensitive    : true,
  widthSensitive     : true,
  injectionFactories : [ 'view', 'component']
},

• ember server
• Visit your app at http://localhost:4200.

Vertical SplitView example:

{{#split-view isVertical=true as |split| }}
  {{#split.child}}
    Content of the left view here.
  {{/split.child}}
  {{split.sash}}
  {{#split.child}}
    Content of the right view here.
  {{/split.child}}
{{/split-view}}

Horizontal SplitView example:

{{#split-view isVertical=false as |split|}}
  {{#split.child}}
    Content of the top view here.
  {{/split.child}}
  {{split.sash}}
  {{#split.child}}
    Content of the bottom view here.
  {{/split.child}}
{{/split-view}}

• ember test
• ember test --server

• ember build

For more information on using ember-cli, visit http://www.ember-cli.com/.

All donations will support this project and keep the developer supplied with Reese's Minis.