material-ui-slider
Version:
slider fro Material-UI 1.0.0
48 lines (38 loc) • 1.6 kB
Markdown
# Slider for Material-UI 1.0.0
## Installation
``` bash
//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:
``` jsx
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.<br>__Signature:__ <br> function(value: number/array[number,number]) => void
onChangeComplete | func | | Callback fired when the value is changed completely.<br>__Signature:__ <br> function(value: number/array[number,number]) => void
## LICENSE
[MIT](https://choosealicense.com/licenses/mit/)