See it in action: http://bryanhunt.github.io/#/split
There is a demo app in tests/dummy.
Installation
ember install ember-split-view
Configuration
You need to add the following to your config/environment.js:
resizeServiceDefaults: {
debounceTimeout : 200,
heightSensitive : true,
widthSensitive : true,
injectionFactories : [ 'view', 'component']
},Examples
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}}
Donating
All donations will support this project and keep the developer supplied with Reese's Minis.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent