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

    @mitchallen/react-password-input-fieldpublic

    @mitchallen/react-password-input-field

    PasswordInputField React component

    Continuous Integration Coverage Status Downloads Version License

    Installation

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

    Usage

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

    import PasswordInputField from '@mitchallen/react-password-input-field';
    

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

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

    <PasswordInputField />
    

    Simple Test

    $ create-react-app react-password-input-field-test
    $ cd react-password-input-field-test/
    $ npm install @mitchallen/react-password-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 PasswordInputField from '@mitchallen/react-password-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>
              <PasswordInputField />
            </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.4

    • CircleCI explicity installs react@15.6.2
    • Updated doc gen dependency

    Version 0.1.3

    • updated react peer dependency to allow for 16.x

    Version 0.1.2

    • Installed eslint as dev dependency
    • Added run: yarn add react to .circleci/config.yml
    • React is now a peer only dependency

    Version 0.1.1

    • Updated documentation

    Version 0.1.0

    • initial release

    Keywords

    none

    install

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

    Downloadsweekly downloads

    0

    version

    0.1.4

    license

    MIT

    repository

    githubgithub

    last publish

    collaborators

    • avatar