Password
Password fields collect secure user input. These fields support masked entry, validation, optional visibility toggles, and display error messages based on strength or policy rules.
Properties
| Property | Value | Description |
|---|---|---|
| Type | Password | UI component type |
| Group | Field | Belongs to the "Field" group in UI catalog |
| Identifier | 35 | Unique element ID |
| Preview | ✓ | See image preview above |
| Value | Y | Accepts user input |
| Mandatory | Y | Requires input before form submission |
| Error | Y | Supports validation error states |
| Read-only | Y | Can be locked to prevent editing |
| Text, Icon | Y | Displays label and visibility toggle icon |
| Event | Y | Triggers validation or form logic |
| Shade | Y | Uses shaded background style |
| Children | No nested children | |
| List | Not a list container | |
| Min | No explicit minimum field value | |
| Max | No explicit maximum constraint |
Usage Example
<Input type="password" label="New password" icon="eye" required />
SDK Integration
The Change Password screen uses this element. It links to the SDK method:
Method: /account/change-password
Requires current and new passwords. Validates strength and applies complexity rules.
Example UI Placement
| Level | ID | Type | Value | Description |
|---|---|---|---|---|
1 | current-password | Password | Current password | Field for verifying existing password |
1 | new-password | Password | New password | Field for entering updated credentials |
Notes
- Displays visibility toggle icon to show or hide password.
- Shows error if input does not meet policy requirements.
- Typically appears in login, registration, and credential update flows.