Input Types 2 - Password with visibility toggle

Pro

Password field with show and hide visibility toggle.

Shadcn Input Types 2 component

Component data

ID
input/input-types-2
Access
pro
Created
Oct 5, 2025
Type
example
Libraries
Radix UI, Base UI, React Aria

Input Types 2 component design & features

This input example uses the shadcn Input with type="password" and a Button that toggles visibility between password and text types. Label ties the field to an accessible name for login or credential forms.

Password visibility toggles are common on sign-in, registration, and reset-password screens where users verify what they typed without leaving the field.