Adding CSS Classes to Your Components

You want to add CSS class names to your Ember Components.

Set additional class names with the classNames property of subclassed components:

export default Ember.Component.extend({
  classNames: ['css-framework-fancy-class']  
});

{{awesome-input}}

<div class="css-framework-fancy-class"></div>

If desired, you can apply multiple class names.

classNames: ['bold', 'italic', 'blue']