numeric-stepper

同时支持拖拽和输入的数字计步器 React 组件

Usage no npm install needed!

<script type="module">
  import numericStepper from 'https://cdn.skypack.dev/numeric-stepper';
</script>

README

numeric-stepper

使用 React 实现的数值计步器组件，支持拖拽和键盘输入。

Install

$ npm i numeric-stepper

Demo

import React,{Component} from 'react';
import {NumericStepper} from "numeric-stepper";

class App extends Component {
    render() {
        return (
            <div>
                <NumericStepper
                    min={0}
                    stepSize={0.01}
                    width="60px"
                    onUpdate={(value) => {
                        console.log(value);
                    }}/>
            </div>
        )
    }
}