Error
The Error element displays validation or system error messages within forms or UI sections in the Doctor App. It uses visual styles (e.g., red text) to draw attention to incorrect or missing inputs. Error elements are typically paired with mandatory or conditionally validated fields.
Properties
| Property | Value | Description |
|---|---|---|
| Type | Error | UI component type |
| Group | Text | Part of the "Text" group in UI catalog |
| Identifier | 15 | Unique element ID |
| Preview | ✓ | Displays styled error message (see image) |
| Value | Does not accept user input | |
| Mandatory | Not a data input field | |
| Error | Y | Designated to represent error state |
| Min | Not applicable | |
| Max | Lines | Text can span multiple lines |
| Read-only | Always static, not user-editable | |
| Text, Icon | Y | May include error icon and label text |
| List | Not used as list item | |
| Children | Not a container | |
| Event | No triggered events | |
| Shade | Uses alert-style background when applicable |
Usage Example
<ErrorMessage>
Please select a valid date before proceeding.
</ErrorMessage>
SDK Integration
The Error element appears in workflows that rely on validation or form submission, including appointment creation, charges, contact info, and VTP steps.
It does not map directly to a backend method but reflects frontend or schema-based validation feedback.
Example UI Placement
| Level | Reference | Type | Value | Description |
|---|---|---|---|---|
3 | error~{x} | Error | Error text | Appears below invalid input fields |
Notes
- Error messages display based on validation conditions.
- Can be styled with consistent alert visuals (e.g., red text, icons).
- Not interactive.