bootstrap-affix.js

import Ember from 'ember';

export default Ember.Component.extend({

  tagName:    'div',
  classNames: 'btn-toolbar-affix',

  attributeBindings: [
    'dataSpy:data-spy',
    'dataOffsetTop:data-offset-top'
  ],

  dataSpy:         'affix',
  dataOffsetTop:    0,
  dataOffsetBottom: null,

  didInsertElement: function() {
    var options = {
      offset: {
        top:    this.get('dataOffsetTop'),
        bottom: this.get('dataOffsetBottom')
      }
    };
    this.$().affix(options);
  }

});

help-text.js

// components/help-text.js

import Ember from 'ember';

export default Ember.Component.extend({

  action: 'doHelpForTopic',
  helpText: 'Need help?',
  text: null,
  topic: null,

  tagName: 'help-text',
  classNames: ['help-text'],

  layout: Ember.Handlebars.compile('{{text}} <a href="#" class="help-link nyi" {{action "doHelp"}}>{{helpText}}</a>'),

  actions: {

    doHelp: function() {
      this.sendAction('action', this.topic);
    }

  }

});