Material-ui-slider-extended_new NPM

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/arraynumber,number	0/0,100	default value, value must be between min and max.
value	number/arraynumber,number	/	value in process bar.
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/arraynumber,number) => void
onChangeComplete	func		Callback fired when the value is changed completely.Signature: function(value: number/arraynumber,number) => void

Update

0.1.0
Added prop "value".

LICENSE

MIT

material-ui slider react

classnames lodash prop-types raf

@everything-registry/sub-chunk-2138 @zalastax/nolb-material-

0.1.0

6 years ago