Share your code. npm Orgs help your team discover, share, and reuse code. Create a free org »

    @mitchallen/react-number-input-fieldpublic

    @mitchallen/react-number-input-field

    NumberInputField React component

    Continuous Integration Coverage Status Downloads Version License

    Installation

    $ npm init
    $ npm install @mitchallen/react-number-input-field --save
    

    Usage

    1: Add this line near the top of your file (like src/App.js):

    import NumberInputField from '@mitchallen/react-number-input-field';
    

    NOTE: NumberInputField must be Capitalized or component won't render.

    2: Somewhere in the middle of the render method add this line:

    <NumberInputField />
    

    Simple Test

    $ create-react-app react-number-input-field-test
    $ cd react-number-input-field-test/
    $ npm install @mitchallen/react-number-input-field --save
    $ npm install --save material-ui
    

    Modify src/App.js

    import React, { Component } from 'react';
    import logo from './logo.svg';
    import './App.css';
    
    // Must include MuiThemeProvider!
    import MuiThemeProvider from 'material-ui/styles/MuiThemeProvider';
    import NumberInputField from '@mitchallen/react-number-input-field';
    
    class App extends Component {
      render() {
        return (
          <MuiThemeProvider>
            <div className="App">
              <div className="App-header">
                <img src={logo} className="App-logo" alt="logo" />
                <h2>Welcome to React</h2>
              </div>
              <p className="App-intro">
                To get started, edit <code>src/App.js</code> and save to reload.
              </p>
              <NumberInputField />
            </div>
          </MuiThemeProvider>
        );
      }
    }
    
    export default App;
    

    Run the app

    npm start
    

    Testing

    Run the Tests

    To test, go to the root folder and type (sans $):

    $ npm test
    

    Repo(s)


    Contributing

    In lieu of a formal style guide, take care to maintain the existing coding style. Add unit tests for any new or changed functionality. Lint and test your code.


    Version History

    Version 0.1.5

    • Changed inputmode to inputMode

    Version 0.1.4

    • Added - run: yarn add react to .circleci/config.yml

    Version 0.1.3

    • react is now only a peer dependency
    • cleaned up dupe dependencies
    • installed eslint as dev dependency

    Version 0.1.2

    • added examples folder and example

    Version 0.1.1

    • updated test case

    Version 0.1.0

    • initial release

    Keywords

    none

    install

    npm i @mitchallen/react-number-input-field

    Downloadsweekly downloads

    0

    version

    0.1.5

    license

    MIT

    repository

    githubgithub

    last publish

    collaborators

    • avatar