Password Input
Password Input with multiple variants.
Installation
CLI
Add component to your project.
npx @perceptui/cli@latest add password-inputImport from @perceptui/ui
Note: If you have installed @perceptui/ui package, then import
PasswordInput from @perceptui/ui.
import { PasswordInput } from "@perceptui/ui";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 | _ |
Examples
Variant
Use the variant prop to control the visual style of the password input.
Radius
Use the radius prop to assign a specific radius value.