material-ui-slider

Slider for Material-UI 1.0.0

Installation

  //with yarn
  yarn add material-ui-slider
  //with npm 
  npm install material-ui-slider --save

Usage

Here's a quick example to get you started:

  import React from 'react';
  import ReactDOM from 'react-dom';
  import { Slider } from 'material-ui-slider';
 
  function App() {
    return (
      <Slider defaultValue={10}></Slider>
    );
  }
 
  ReactDOM.render(<App />, document.querySelector('#app'));

Prpos

name	type	default	description
min	number	0	min value in process bar.
max	number	100	max value in process bar.
defaultValue	number/array[number,number]	0/[0,100]	default value, value must be between min and max.
value	number/array[number,number]	/	value in process bar.
decimals	number	0	number of decimal places for value.
range	bool	false	range choose, "defaultValue" must be an array
scaleLength	number	0	scale choose, value "0" means "no scale", "defaultValue" must be a multiple of "scaleLength".
direction	horizontal/vertical	horizontal
color	string		custom color for process bar, support HEX, RGB(RGBA), HSL
disabled	bool	false
onChange	func		Callback fired when the value is changed. Signature: function(value: number/array[number,number]) => void
onChangeComplete	func		Callback fired when the value is changed completely. Signature: function(value: number/array[number,number]) => void

LICENSE

MIT