The layouts portion of flexi
npm install @html-next/flexi-layouts
Flexi-layouts is the layouts portion of flexi.
It includes the following concepts:
- Viewport Specific Templates
- Blueprints for generating viewport specific templates or moving existing templates into a layouts structure.
- Layout Service for checking isMobile, isDesktop and other various things
It is recommended that you manage your flexi addons through the main flexi addon:
``cli`
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:
`cli`
ember install @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.
`js
var EmberApp = require("ember-cli/lib/broccoli/ember-app");
var shim = require("@html-next/flexi-layouts/lib/pod-templates-shim");
shim(EmberApp);
``
Join the Ember community on Discord