APP UI: Slider

A range input field with a label bundled as a custom element using VanillaJS.

Part of APP UI

Examples

• Click to view

Dependencies

This component relies on the following third-party libraries:

• APP
• jQuery
• Underscore

Install

Download the component and extract in 'components/app-ui-slider'

cd [project folder]
wget https://github.com/app-ui/slider/archive/master.zip
unzip master.zip -d ./components/

Using bower: (Old method)

bower install app.ui.slider

Usage

The component is built on top of APP which should be loaded before the component in the section of your website. This library uses the non-standard method of "html imports" for loading custom elements.

1. Include APP library

<script src="components/app/build/app.min.js"></script>

2. Import Custom Element:

<link rel="import" href="components/app-ui-slider">

3. Start using it!

<div is="app-ui-slider"></div>

Currently the component extends the <div> tag.

Options

These are the set of options you can use as attributes in your custom element:

...

Events

...

Credits

Originally based on Backbone.UI.Slider by Lyndel Thomas ( @ryndel )

Initiated by Makis Tracend ( @tracend )

Distributed through Makesites.org

License

Released under the MIT License