WUI logo

PasswordInput

The Password Input component is a specialized input field designed for securely capturing user passwords. It masks the entered text to protect sensitive information from being seen by onlookers. This component often includes additional features such as visibility toggles, strength indicators, and validation rules to enhance security and usability.

Source@welcome-ui/password-input
OverviewProps

PasswordInput

autoFocus

Boolean

disabled

Boolean

hasIcon

Boolean

icon

Element

iconPlacement

"right" | "left"

isClearable

Boolean

name

string

onBlur

(event: FocusEvent<HTMLInputElement, Element>) => void

onChange

(event: ChangeEvent<HTMLInputElement>) => void

onFocus

(event: FocusEvent<HTMLInputElement, Element>) => void

onKeyDown

(event: KeyboardEvent<HTMLInputElement>) => void

placeholder

string

size

"xs" | "sm" | "md" | "lg"

transparent

Boolean

type

string

value

string

variant

"error" | "focused" | "info" | "success" | "warning"

ToggleButton

disabled

Boolean

isHidden
Required

Boolean

isLoading

Boolean

shape

"circle" | "square"

size

"xxs" | "xs" | "sm" | "md" | "lg"

variant

"disabled" | "primary" | "secondary" | "tertiary" | "primary-info" | "secondary-info" | "primary-success" | "secondary-success" | "ghost" | "primary-warning" | "secondary-warning" | "primary-danger" | "secondary-danger"

LabelPicker