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 | Description | | ---- | ---- | ------- | ----------- | | style | object | {} | | | | highlightColor | string | ApStyle.DEFAULT_HIGHLIGHT_COLOR | | | | maxWidth | number | ApStyle.CONTENT_WIDTH | | |

ApPassword

Props

| Name | Type | Default | Description | | ---- | ---- | ------- | ----------- | | 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 |

License

This software is released under the MIT License.

Links

• apeman
• apeman-react-labo
• React