<input-password>

The input password with mobile features and possibility to see the password and more.

Demo

http://jorgecasar.github.io/input-password/

Install

Install the component using Bower:

$ bower install input-password --save

Or download as ZIP.

Usage

1. Import Web Components' polyfill:

   <script src="bower_components/platform/platform.js"></script>

2. Import Custom Element:

   <link rel="import" href="bower_components/input-password/dist/input-password.html">

3. Start using it!

   <input-password></input-password>

Options

Attribute	Options	Default	Description
name	string	``	Specifies the input's name.
value	string	``	Specifies the input's value.
visible	boolean	false	Specifies the visibility of the input's value.
toggleText	string	Toggle	Specifies the text for the button that change the visibility.
toggleClass	string	visible	Specifies the class that will have to be synthesized and spoken.

Methods

Method	Parameters	Returns	Description
getShowText()	None.	Nothing.	Get the button's show text.
getHideText()	None.	Nothing.	Get the button's hide text.
showValue()	None.	Nothing.	Triggers the input value to be shown.
hideValue()	None.	Nothing.	Triggers the input value to be hidden.
toggle()	None.	Nothing.	Triggers the input value to be toggled.

Events

Event	Description
onShowValue	Triggers when the password is shown.
onHideValue	Triggers when the password is hidden.