Password

Below is a set of password components indicating password strengths

Password1

Must Contain:

At least 8 characters

At least 1 number

At least 1 lowercase letter

At least 1 uppercase letter

Installation

$ pnpm dlx shadcn@latest add https://pulseui-henna.vercel.app/registry/Password1.json

Props

PropTypeisCompulsoryDescription
onPasswordChange
(password: string) => void
true

sets the password that is input

passwordValid
(isValid: boolean) => void
true

checks whether the input password is satisfying all the conditions

Usage

Password2

0%

Must Contain:

At least 8 characters

At least 1 number

At least 1 lowercase letter

At least 1 uppercase letter

Installation

$ pnpm dlx shadcn@latest add https://pulseui-henna.vercel.app/registry/Password2.json

Props

PropTypeisCompulsoryDescription
onPasswordChange
(password: string) => void
true

sets the password that is input

passwordValid
(isValid: boolean) => void
true

checks whether the input password is satisfying all the conditions

Usage