Metro layout range slider for React
Tiny react UI component for modern metro layout based range slider prototype.
Demo
https://imshaikot.github.io/react-metro-range-slider/
Installation
$ npm install react-metro-range-slider --save
Getting Started
There's a lot of other range-slider available for different design purposes - this one will lets you bring the metro layout and the slider by itself very thin :) It's very easy to start with this range slider if you're using any bundler (whether CommonJS or ES6 import).
// Using ES6;; // Not using ES6var RangeSlider = ;
Example and API
import React from 'react'; import RangeSlider from 'react-metro-range-slider';import 'react-metro-range-slider/lib/index.css'; Component { thisstate = my_value: 0 } { this } { return <RangeSlider = // [] = // [] / = // [] / = // [] = // [] [ ] = // [] [ ] = // [] [ ] = // [] [ ] = // [] - 't update on change and you shouldn' . (. ) = // [] , . , 'll show the current value on the tooltip /> ) }}