title: Ember component handling button click
body: <p>I am creating a component that extends button I am looking for a way to handle a button click event in Ember 1.13.0. I tried that following code but no luck</p>
  
  <pre><code>//custom-button.js
  export default Ember.Component.extend({
  
  tagName: 'button',
  
  attributeBindings: ['autofocus', 'accesskey', 'form', 'formaction', 'formenctype', 'type',
      'formmethod', 'formnovalidate', 'formtarget', 'name', 'value', 'contenteditable', 'contextmenu', 'dir',
      'draggable', 'dropzone', 'hidden', 'id' ,'lang', 'spellcheck', 'style', 'tabindex', 'title', 'translate',
      'disabled', 'role', 'targetForm'],
  
  type: 'button',
  
  click: function() {
      alert('clicking');
      this.sendAction();
  }, 
  
  //edit.hbm 
  {{mbs-custom-button class="btn btn-primary" role="button" label=(t 'action.save') action="save"}}
  </code></pre>