ember-cli-range-input

Range Slider component backed by jQueryTool's rangeinput

Usage no npm install needed!

<script type="module">
  import emberCliRangeInput from 'https://cdn.skypack.dev/ember-cli-range-input';
</script>

README

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

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

Running Tests

  • ember test
  • ember test --server

Building

  • ember build

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