react 数字滑动器_GitHub - ly-components/react-as-range-slider: 一个React实现的拖动数字输入组件...

react-as-range-slider

一个React实现的拖动数字输入组件

安装

$ npm install --save react-as-range-slider

使用

import React from 'react';

import {

NumberSlider,

RangeSlider

} from 'react-as-range-slider';

React.render(, document.querySelector('#normal'));

React.render(, document.querySelector('#range'));

更多使用示例和配置详情见DEMO

配置

NumberSlider

| 配置 | 简介 | 类型 | 默认值 |

| :-------- | :-- | :--:| :--: | :--: |

| className | 根元素样式 | String | 'react-as-range-slider' |

| max | 最大值 | Number | 100 |

| min | 最小值 | Number | 0 |

| name | 表单中的字段名称 | String | null |

| onChange | 值变化时回调 | Function(Number value) | noop |

| step | 每步变化的值 | Number | 1 |

| value | 组件值 | Number | {min} |

| defaultValue | 默认值 | Number | {min} |

| wi