https://github.com/edouard-lopez/ui-password-toggle

Widget to simplify forms by using a single input for password with visibility toggle.
https://github.com/edouard-lopez/ui-password-toggle

password password-toggle visibility-toggle

Last synced: 12 months ago
JSON representation

Widget to simplify forms by using a single input for password with visibility toggle.

• Host: GitHub
• URL: https://github.com/edouard-lopez/ui-password-toggle
• Owner: edouard-lopez
• License: mit
• Created: 2016-08-01T12:42:43.000Z (almost 10 years ago)
• Default Branch: master
• Last Pushed: 2017-04-21T12:28:12.000Z (about 9 years ago)
• Last Synced: 2025-04-04T00:13:28.101Z (about 1 year ago)
• Topics: password, password-toggle, visibility-toggle
• Language: CSS
• Size: 8.79 KB
• Stars: 0
• Watchers: 2
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# Password toggle

Widget to simplify forms by using a single input for password with visibility toggle. 

## Preview

![preview/password-toggle-off.png](preview/password-toggle-off.png "password toggle off")

![preview/password-toggle-focus.png](preview/password-toggle-focus.png "password toggle focus")

![preview/password-toggle-on.png](preview/password-toggle-on.png "password toggle on")

## Requirements

* (optional) [Bootstrap](http://getbootstrap.com/) `≥3` ;

## Usage

1. Import the `SCSS` in your main stylesheet (or link to the `CSS`): 

        @import "password-toggle";

        

2. add the `HTML` code from [./password-toggle.html](./password-toggle.html) to your form ;

3. add the `JS` to your page or your `gulp` :

        

4. Enjoy!