Reveal password

This little script lets you easily hide and reveal the contents of a password input.


Usage

Create a password-type input with a data-toggle-password-input attribute and a button with data-toggle-password within an .input-group.

<div class="input-group input-group-merge">
    <input type="password" class="form-control" id="password" autocomplete="off" data-toggle-password-input placeholder="Your password">
    
    <button type="button" class="input-group-text px-4 text-secondary link-primary" data-toggle-password></button>
</div>