https://github.com/rajasegar/ember-custom-select

Some inspiration for the custom styles for a select element in Ember.
https://github.com/rajasegar/ember-custom-select

dropdownlist ember ember-addon select selectbox

Last synced: 10 days ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/rajasegar/ember-custom-select
• Owner: rajasegar
• License: mit
• Created: 2017-07-18T05:23:47.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2017-08-10T12:14:50.000Z (about 7 years ago)
• Last Synced: 2024-10-12T15:01:36.712Z (25 days ago)
• Topics: dropdownlist, ember, ember-addon, select, selectbox
• Language: CSS
• Size: 1.12 MB
• Stars: 2
• Watchers: 3
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.md

Awesome Lists containing this project

README

        
# ember-custom-select

[![Build Status](https://travis-ci.org/rajasegar/ember-custom-select.svg?branch=master)](https://travis-ci.org/rajasegar/ember-custom-select) 

[![npm](https://img.shields.io/npm/dm/ember-custom-select.svg)](https://www.npmjs.com/package/ember-custom-select)

[![npm version](http://img.shields.io/npm/v/ember-custom-select.svg?style=flat)](https://npmjs.org/package/ember-custom-select "View this project on npm")

[![MIT license](http://img.shields.io/badge/license-MIT-brightgreen.svg)](http://opensource.org/licenses/MIT)

[![EmberObserver](http://emberobserver.com/badges/ember-custom-select.svg?branch=master)](http://emberobserver.com/addons/ember-custom-select)

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

## Demo

[Demo](http://rajasegar.github.io/ember-custom-select/)

## Installation

* `ember install ember-custom-select`

## Features

* Declarative

* 8+ Styles to choose from

* Fully composable

* Customizable

## Usage

Example markup:

### Bar style

```hbs

  {{#ec-select style='border' placeholder="Preferred contact method"}}

    E-Mail

    Twitter

    LinkedIn

  {{/ec-select}}

    

```

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

* `ember serve`

* Visit your app at [http://localhost:4200](http://localhost:4200).

## 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/](https://ember-cli.com/).

## Installation

* `git clone ` this repository

* `cd ember-custom-select`

* `npm install`

* `bower install`

## Running

* `ember serve`

* Visit your app at [http://localhost:4200](http://localhost:4200).

## 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/](https://ember-cli.com/).