ui-icon addon

https://www.npmjs.com/package/ui-icon

ember install ui-icon



bower install --save fontawesome

bower install --save

https://github.com/daneden/animate.css.git
http://daneden.github.io/animate.css
\components\list-button.js
import Ember from 'ember';
//fa-pencil
export default Ember.Component.extend({
    righttext: 'comright',
    faIconName:'pencil',
    actions: {
        comfaCLick: function() {
            console.log('comfaCLick');
        },
        select: function(post) {
            this.sendAction('selectitem',post);//send to parent's controller
        }
    }
}); 
\templates\components\list-button.hbs
<ul class="list-group posts">
        {{#each listdata key="@index" as |post|}}
        <li class="clearfix list-group-item" {{action 'select' post}} >
       
            <div class="itemleft col-xs-7">
                <span> {{post.title}}</span>
            </div>
            <div class="itemright col-xs-3">
                <span  {{action 'comfaCLick' post}}></span>
            {{ui-icon icon= faIconName }}
            </div>
           
           
        </li>
        {{/each}}
    </ul>.