1. Components
  2. Toggle Password

Advanced Forms

Tailwind CSS Toggle Password

The Toggle Password Component is an intuitive feature commonly incorporated into login and registration forms. It allows users to switch between showing and hiding their password inputs. This functionality provides users with the flexibility to ensure their password entries are accurate while maintaining the confidentiality of their sensitive information.

Requires JS

Note that this component requires the use of our Toggle Password plugin, else you can skip this message if you are already using Preline UI as a package.

Basic usage

A basic usage of toggle password with clickable icon.


Works with checkbox.

Multi Toggle

It can be used with multiple toggles.

Basic usage in modal window.