https://github.com/miya0001/password-field

A `<PasswordField />` component for React + Material-UI
https://github.com/miya0001/password-field

material-ui react

Last synced: 3 months ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/miya0001/password-field
• Owner: miya0001
• License: mit
• Created: 2018-02-13T18:08:25.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2019-04-21T06:10:09.000Z (about 6 years ago)
• Last Synced: 2025-03-13T09:48:39.418Z (4 months ago)
• Topics: material-ui, react
• Language: JavaScript
• Homepage:
• Size: 718 KB
• Stars: 1
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# PasswordField

[![Build Status](https://travis-ci.org/miya0001/password-field.svg?branch=master)](https://travis-ci.org/miya0001/password-field)

`` component for [React](https://reactjs.org/) + [Material-UI](http://www.material-ui.com/#/).

![](screenshot.gif)

## Install

```

$ npm install password-field --save

```

## Requires

* React 16.x

* Material-UI

## Usage

```javascript

import React, { Component } from 'react';

import MuiThemeProvider from 'material-ui/styles/MuiThemeProvider';

import PasswordField from 'password-field'

class MyComponent extends Component {

  render() {

    return(

      

        

      

    );

  }

}

```

## Properties

All properties of [TextField](http://www.material-ui.com/#/components/text-field) 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](http://www.material-ui.com/#/components/svg-icon) as the `color` property.

* iconStyle - The style of icon to toggle visibility. It will be passed to [SVG Icon](http://www.material-ui.com/#/components/svg-icon) as the `style` property.

## License

MIT