bootstrap select compoent

bootstrap-input.hbs

<!-- app/templates/components/bootstrap-input.hbs -->
<label for="{{inputId}}">{{label}}</label>
{{input value=value placeholder=placeholder elementId=inputId classNames="form-control"}}

bootstrap-input.js

//app/components/bootstrap-input.js
import Ember from 'ember';

var _uid = 0;

function generateUID() {
  return ++_uid;
}

export default Ember.Component.extend({
  value: null,
  classNames: ['form-group', 'bootstrap-input-component'],

  inputId: Ember.computed(function() {
    return `bootstrap-input-component-${generateUID()}`;
  })
});

usage.hbs

    {{bootstrap-input value=model.name
      placeholder="Enter a name..."
      label="Name"}}
    {{bootstrap-input value=model.description
      placeholder="Enter a description..."
      label="Description"}}