See it in action: http://bryanhunt.github.io/#/split
There is a demo app in tests/dummy.
git clone
this repositorynpm 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}}
{{#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}}
{{#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.