1.1.0 • Published 9 years ago
input-password v1.1.0
<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
Import Web Components' polyfill:
<script src="bower_components/platform/platform.js"></script>
Import Custom Element:
<link rel="import" href="bower_components/input-password/dist/input-password.html">
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. |