Password Input

PreviousNext

Secure input with reveal control, animated strength meter, configurable requirements, and validation errors.

Installation

pnpm dlx shadcn@latest add https://matos-ui.com/r/password-input.json

Usage

import { PasswordInput } from "@/components/matos-ui/password-input"

<PasswordInput
  label="Password"
  required
  error={errors.password?.message}
  {...register("password")}
/>

The reveal button supplies an accessible aria-label. Pass criteria to define custom requirements or showCriteria={false} for confirmation fields.