Ember footer component with bubbling actions

EmberFooterComponent.js

App.MemModuleFooterComponent = Ember.Component.extend({
  tagName: 'footer',
  classNames: ['mem-module-footer'],
  actions: {
    clearErrorMsg: function() {
      this.set('errorMsg', '');
    },
    save: function() {
      this.sendAction('save');
    },
    cancel: function(){
      this.sendAction('cancel');
    }
  }
});

footer-component.handlebars

{{#if errorMsg}}
<div class="alert alert-error alert-dismissable">
  <button type="button" class="close" {{action clearErrorMsg}}>&times;</button>
  {{errorMsg}}
</div>
{{/if}}

<div class="pull-right">
  <button class="btn btn-success" {{action "save"}}>Save</button>
  <a href="#" {{action "cancel"}}>Cancel</a>
</div>

{{!/   {{mem-module-footer errorMsg=vehicleError save="save" cancel="cancel"}}   }}