Password Input

Preview

index.tsx

Preview

index.tsx

Clearable

Preview

index.tsx

Preview

index.tsx

States

Preview

index.tsx

Error message

Preview

index.tsx

Error message

Preview

index.tsx

Preview

index.tsx

Floating label

Preview

index.tsx

Floating Label

Preview

index.tsx

Floating Label

Preview

index.tsx

Floating LabelError message

Preview

index.tsx

Floating LabelError message

Preview

index.tsx

Preview

index.tsx

Size Medium

Preview

index.tsx

Preview

index.tsx

Preview

index.tsx

Preview

index.tsx

Preview

index.tsx

Error message

Preview

index.tsx

Error message

Preview

index.tsx

Preview

index.tsx

Alternative

Preview

index.tsx

Preview

index.tsx

Clearable

Preview

index.tsx

Preview

index.tsx

States

Preview

index.tsx

Error message

Preview

index.tsx

Error message

Preview

index.tsx

Floating label

Preview

index.tsx

Floating Label

Preview

index.tsx

Floating Label

Design Tokens for PasswordInput

Note: PasswordInput uses the same design tokens as the Input component. See BaseInput documentation for available tokens.

PasswordInput API Reference

`<PasswordInput />`

Prop	Type	Default	Description
color	'accent' \| 'neutral'	'neutral'	Màu của biểu tượng mắt (eye icon)
defaultHidden	boolean	true	Ẩn mật khẩu theo mặc định
...InputProps	Xem Input		Kế thừa tất cả props từ Input

Lưu ý: PasswordInput kế thừa tất cả props từ Input và native input[type=password]. Xem Input documentation để biết chi tiết đầy đủ về các props và tokens.