Basic Usage

Install the library from npm:

npm i mz-react-input-number

Or with yarn:

yarn add mz-react-input-number

Use the min, max, step, and value properties to customize the component.

import React, { useState } from 'react';
import { InputNumber } from 'mz-react-input-number';

const App = () => {

    const [value, setValue] = useState(10);

    return (
        <InputNumber
            min={ 0 }
            max={ 100 }
            step={ 0.1 }
            value={ value }
            onChangeCallback={ setValue }
        />
    );
};

All props are optional.

You can also start with empty value:

import React, { useState } from 'react';
import { InputNumber } from 'mz-react-input-number';

const App = () => {

    const [num, setNum] = useState<number|undefined>();

    return (
       <InputNumber
            value={ num }
            onChangeCallback={ setNum }
       />
    );
};