Skip to content

knownasilya/ember-cli-range-input

Repository files navigation

ember-cli-range-input

Range slider input which uses jQuery Tools RangeInput library behind the scenes. This slider has custom styling.

screenshot

NPM
Build Status

Usage

ember install:addon ember-cli-range-input
{{range-input min=0 max=5 step=1 value=awesomeness}}

Awesomeness: {{awesomeness}}

Attributes

  • min - Defaults to 0
  • max - Defaults to 10
  • step - Defaults to 1
  • value - Defaults to min if falsy and not 0

Note: If using a decimal/float in any of the values, be sure to use a string, e.g. '0.05'.

Actions

{{range-input max=1 step='0.05' value=layer.opacity changed='layerOpacityUpdated'}}
  • changed - Takes the following signature function (currentValue, previousValue) {}

Contributing

If you'd like to submit a pull request or just run the latest code, this is how you do it.

Installation

  • git clone this repository
  • npm install
  • bower install

Running

Running Tests

  • ember test
  • ember test --server

Building

  • ember build

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

About

Range Slider component backed by jQueryTool's rangeinput

Resources

License

Stars

Watchers

Forks

Packages

No packages published