Skip to content

The input password that you allways want to use in your apps with sign in process now is real with Web Components

License

Notifications You must be signed in to change notification settings

jorgecasar/input-password

Repository files navigation

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

About

The input password that you allways want to use in your apps with sign in process now is real with Web Components

Resources

License

Stars

Watchers

Forks

Packages

No packages published