Easily add CSS classes on the
<body>, including route names as well as loading and error states.
- Ember.js v3.16 or above
- Ember CLI v2.13 or above
- Node.js v10 or above
ember install ember-body-class
npm run lint:hbs
npm run lint:js
npm run lint:js -- --fix
Route name classes
By default, all of your routes will include CSS class names. This works for the
whole hierarchy, so if you have a route nested at
then you'll end up with
To disable this, see options below.
Loading & Error classes
error classes requires you to include a mixin in your
application route. Include it like this:
All routes have a
classNames attribute of type Array. If you wanted to add a
strawberry-jam to your route, it would look like this:
You can disable route name classes being added in your environment.js like this.
ENV'ember-body-class' =includeRouteName: false
See the Contributing guide for details.
This project is licensed under the MIT License.