Skip to content

Latest commit

 

History

History
75 lines (51 loc) · 2.93 KB

README.md

File metadata and controls

75 lines (51 loc) · 2.93 KB

NPM version NPM downloads Package Quality Build Status Dependency Status devDependency Status

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

Bitdeli Badge