Wondering what’s next for npm?Check out our public roadmap! »

    react-numberinput
    TypeScript icon, indicating that this package has built-in type declarations

    3.2.0 • Public • Published

    react-numberinput

    DEMO: https://xnimorz.github.io/masked-input/

    Component that allow to format only numbers. (5 000, 123 456 789, etc.)

    Installation

    npm install --save react-numberinput
    

    or

    yarn add react-numberinput
    

    This component work on top of react-maskinput and define custom formatting function called reformat. Also you can use this component as example to create you own components based on react-maskinput.

    Usage

    import NumberInput from 'react-numberinput';
     
    ReactDOM.render(someElement, <NumberInput />);

    You also can set up different input element properties, such as class, data-attributes, etc. This component works well with another libraries, styled-components as example:

    import React, { Component } from 'react';
    import MaskInput from 'react-maskinput';
    import NumberInput from 'react-numberinput';
     
    const StyledNumberInput = styled(NumberInput)`
      border-radius: 10px;
      border-color: rgb(219, 112, 147);
    `;
     
    render(<StyledNumberInput />);

    Props

    See https://github.com/xnimorz/masked-input/tree/master/packages/react-maskinput#props

    License

    MIT

    Install

    npm i react-numberinput

    DownloadsWeekly Downloads

    135

    Version

    3.2.0

    License

    MIT

    Unpacked Size

    12 kB

    Total Files

    6

    Last publish

    Collaborators

    • avatar