<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.