The layouts portion of flexi


1312.2.23 years ago5 years agoMinified + gzip package size for @html-next/flexi-layouts in KB



Greenkeeper badge

npm version Ember Observer Score Build Status Code Climate

Flexi-layouts is the layouts portion of flexi.

It includes the following concepts:


It is recommended that you manage your flexi addons through the main flexi addon:

ember install flexi

This will provide a prompt to install only the addons you want. Flexi will also maintain compatibility between addons.

Alternatively install just this package:

ember instal @html-next/flexi-layouts

That's all that required if you're using the classic component layout. If you are using a pod-based structure you will also need to install the shim for ember-app. This is done by modifiying your ember-cli-build.js file. This shim makes ember-cli's template tree able to find the templates for layouts.

var EmberApp = require('ember-cli/lib/broccoli/ember-app');
var shim = require('@html-next/flexi-layouts/lib/pod-templates-shim');


Support, Questions, Collaboration

Join the flexi channel on Slack.

Slack Status


  • Open an Issue for discussion first if you're unsure a feature/fix is wanted.
  • Branch off of develop (default branch)
  • Use descriptive branch names (e.g. <type>/<short-description>)
  • Use Angular Style Commits
  • PR against develop (default branch).


Angular Style commit messages have the full form:

<type>(<scope>): <title>



But the abbreviated form (below) is acceptable and often preferred.

<type>(<scope>): <title>


  • chore(deps): bump deps in package.json and bower.json
  • docs(component): document the fast-action component


A special thanks goes out to @ebryn for the inspiration to pursue a solution for explicit layouts, and IsleofCode for providing the time to built it.

If you find any bugs or have a feature request, please open an issue on github!

The npm package download data comes from npm's download counts api and package details come from npms.io.