Password Input

Password Input with multiple variants.

Start using via importing:

import { PasswordInput } from "@perceptui/ui";

<PasswordInput />

API References

Prop	Type	Description	Default
variant	`"classic" \| "standard" \| "ghost"`	Form of the Password Input	classic
radius	`"none"\|"sm"\|"md"\|"lg"\|"xl"\|"full"`	Radius of the Password Input	lg
className	`string`	className	_

Use the variant prop to control the visual style of the password input.

<PasswordInput variant="classic" />

<PasswordInput variant="standard" />

<PasswordInput variant="ghost" />

Use the radius prop to assign a specific radius value.

<PasswordInput radius="none" />

<PasswordInput radius="sm" />

<PasswordInput radius="md" />

<PasswordInput radius="lg" />

<PasswordInput radius="xl" />

<PasswordInput radius="full" />