Components

Password Input

A customizable input field for passwords.

Logo

Variants

Different styles of password inputs, allowing customization based on UI needs. Use the variant prop to switch between styles.

Radius

Defines the border-radius of the password input, affecting its rounded corners. Adjust it using the radius prop.

Hide Lock

Controls whether the lock icon is visible in the password input field. Toggle this using the hideLock prop.

Disabled

A disabled state for the password input, preventing user interaction. Enable this using the disabled prop.

API Reference

variant

Type:

"solid" | "outline" | "ghost" | "soft"

Defines the visual style of the password input.

Default:

outline
radius

Type:

"none" | "sm" | "md" | "lg" | "xl" | "full"

Controls the border-radius of the input interface, affecting its rounded corners.

Default:

md
mode

Type:

"light" | "dark"

Sets the color mode for the input

Default:

system
inputClass

Type:

string

Allows custom class names to be applied to the input element.

Default:

hideLock

Type:

boolean

Hides the lock icon if set to true.

Default:

false