Usage no npm install needed!

<script type="module">
  import emberCollapsibleLayout from 'https://cdn.skypack.dev/ember-collapsible-layout';
</script>

README

Ember collapsible layout

See demo here

Installation

npm install ember-collapsible-layout --save-dev

Usage

In your template:

{{#collapsible-layout as |layout|}}

  {{#collapsible-panel
  layout=layout
  config=centerPanel
  }}
    Center panel content here
  {{/collapsible-panel}}

  {{#collapsible-panel
  layout=layout
  config=leftPanel
  }}
    Left panel content here
  {{/collapsible-panel}}

{{/collapsible-layout}}

In the controller:

export default Ember.Controller.extend({
  leftPanel: {
    region: "left", // required field
    width: 300,     
    resizeable: true
  },  

  centerPanel: {  // center panel is only required panel
    region: "center"
  }
});