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:

App.AwesomeInputComponent = 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']

JS Bin

See Customizing a Component's Element for further examples.