Apeman-react-password NPM

apeman-react-password

apeman react package for password component.

Installation

$ npm install apeman-react-password --save

Demo

Live demo is hosted on GitHub Pages.

Usage

'use strict'

import React from 'react'
import {ApPassword, ApPasswordStyle} from 'apeman-react-password'

const ExampleComponent = React.createClass({
  render () {
    return (
      <div>
        <ApPasswordStyle />
        <ApPassword name="password" onChange={ (e) => { console.log(e.target.value) } }/>
      </div>
    )
  }
})

Components

ApPasswordStyle

Props

Name	Type	Default
style	object	{}
highlightColor	string	ApStyle.DEFAULT_HIGHLIGHT_COLOR
maxWidth	number	ApStyle.CONTENT_WIDTH

ApPassword

Props

Name	Type	Default
name	string	''	Name of text input
value	string	''	Value of password input
placeholder	string	''	Placeholder of password input
showIcon	string	'ion ion-eye'	Icon class for show button
hideIcon	string	'ion ion-eye-disabled'	Icon class for hide icon