x-checkbox.js

import Ember from 'ember';

export default Ember.Component.extend({
  attributeBindings: ['type', 'value', 'checked', 'style', 'disabled'],
  tagName: 'input',
  classNames: ['checkbox__input'],
  type: 'checkbox',
  click: function(){
    this.sendAction('action');
  }
});