Skip to content

miya0001/password-field

Repository files navigation

PasswordField

Build Status

<PasswordField /> component for React + Material-UI.

Install

$ npm install password-field --save

Requires

  • React 16.x
  • Material-UI

Usage

import React, { Component } from 'react';
import MuiThemeProvider from 'material-ui/styles/MuiThemeProvider';
import PasswordField from 'password-field'

class MyComponent extends Component {
  render() {
    return(
      <MuiThemeProvider>
        <PasswordField
          id="password"
          hintText="Password"
          fullWidth={ true }
          iconColor="#ffffff"
        />
      </MuiThemeProvider>
    );
  }
}

Properties

All properties of TextField will be supported.

And also, PasswordField has following custom properties.

  • iconColor - The color of icon to toggle visibility. It will be passed to SVG Icon as the color property.
  • iconStyle - The style of icon to toggle visibility. It will be passed to SVG Icon as the style property.

License

MIT

About

A `<PasswordField />` component for React + Material-UI

Topics

Resources

License

Stars

Watchers

Forks

Packages

No packages published