Skip to content

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

License

Notifications You must be signed in to change notification settings

rajasegar/ember-custom-select

Repository files navigation

ember-custom-select

Build Status npm npm version MIT license EmberObserver

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

Demo

Demo

Installation

  • ember install ember-custom-select

Features

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

Usage

Example markup:

Bar style

<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>
    

Selectbox styles

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

Custom class names

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

Running

Running Tests

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

Building

  • ember build

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

Installation

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

Running

Running Tests

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

Building

  • ember build

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