Email fields collect and validate user email input. This element enforces format rules and supports error states, placeholder text, and interaction events.
Properties
| Property | Value | Description |
|---|---|---|
| Type | Email | UI component type |
| Group | Field | Belongs to the "Field" group in UI catalog |
| Identifier | 13 | Unique element ID |
| Preview | ✓ | See image preview above |
| Value | Y | Accepts user input |
| Mandatory | Y | Requires user entry before form submission |
| Error | Y | Supports validation error states |
| Read-only | Y | Supports read-only display |
| Text, Icon | Y | Can include icon or label text |
| Event | Y | Triggers form update or validation logic |
| Children | No nested child elements | |
| Shade | Y | Includes shaded input background |
| List | Not a list container | |
| Min | No minimum constraint | |
| Max | No maximum constraint |
Usage Example
<Input type="email" label="Email address" placeholder="doctor@example.com" required />
SDK Integration
The Doctor Login screen uses this element. It links to the SDK method:
Method: /account/doctor/details
Authenticates a doctor account using email, password, and optionally an MFA code. Starts a session if credentials are valid.
Example UI Placement
| Level | ID | Type | Description |
|---|---|---|---|
1 | Email address input |
Notes
- Enforces valid email structure (e.g. user@example.com).
- Field may trigger immediate validation and error display.
- Required for login, registration, or reset flows.