Some inspiration for the custom styles for a select element in Ember.

Demo

• ember install ember-custom-select

• Declarative
• 8+ Styles to choose from
• Fully composable
• Customizable

Example markup:

<section>
  {{#ec-select style='border' placeholder="Preferred contact method"}}
    <option value="email">E-Mail</option>
    <option value="twitter">Twitter</option>
    <option value="linkedin">LinkedIn</option>
  {{/ec-select}}
</section>
    

You can replace the style property of the component to any of the following styles to get a different style variation of your select component.

• border
• underline
• elastic
• slide
• overlay
• rotate
• box-select
• circular

This component can accept custom class names from the customClasses property to override the styling and appearance of the select box.

• ember serve
• Visit your app at http://localhost:4200.

• npm test (Runs ember try:each to test your addon against multiple Ember versions)
• ember test
• ember test --server

• ember build

For more information on using ember-cli, visit https://ember-cli.com/.

• git clone <repository-url> this repository
• cd ember-custom-select
• npm install
• bower install

• ember serve
• Visit your app at http://localhost:4200.

• npm test (Runs ember try:each to test your addon against multiple Ember versions)
• ember test
• ember test --server

• ember build

For more information on using ember-cli, visit https://ember-cli.com/.