node package manager



PasswordInputField React component

Continuous Integration Coverage Status Downloads Version License


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


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 (
        <div className="App">
          <div className="App-header">
            <img src={logo} className="App-logo" alt="logo" />
            <h2>Welcome to React</h2>
          <p className="App-intro">
            To get started, edit <code>src/App.js</code> and save to reload.
          <PasswordInputField />

export default App;

Run the app

npm start


Run the Tests

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

$ npm test



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