Button
Buttons allow users to perform actions such as submitting a form or confirming a choice. This element supports labels, icons, events, and conditional read-only states.
Properties
| Property | Value | Description |
|---|---|---|
| Type | Button | UI component type |
| Group | Button | Belongs to the "Button" group in UI catalog |
| Identifier | 2 | Unique element ID |
| Preview | ✓ | See image preview above |
| Read-only | Y | Appears but does not allow interaction |
| Text, Icon | Y | Supports both text and icons |
| Event | Y | Triggers an event when clicked |
| Mandatory | Optional unless configured otherwise | |
| Children | No nested children elements | |
| Shade | No background shade option |
Usage Example
<Button label="Login" onClick={handleLogin} icon="lock" />
SDK Integration
This element appears in the doctor Log in flow and links to the SDK method:
Method: /account/doctor/details
Authenticates a doctor using email, password, and (optionally) MFA.
Example UI Placement
| Level | ID | Type | Description |
|---|---|---|---|
1 | login | Button | Submits login credentials |
1 | reset-password | Link | Link for password recovery |
Notes
- This button may trigger loading indicators or validation.
- Use event listeners to handle
onClickoronSubmitbehavior. - Default visual style includes rounded corners and primary blue fill.