Count
The Count element displays a numerical badge to highlight a quantity or status. It is typically used within summaries, cards, or dashboards to convey counts such as unread messages, completed actions, or available options. This element displays as static and read-only.
Properties
| Property | Value | Description |
|---|---|---|
| Type | Count | UI component type |
| Group | Text | Part of the Text group |
| Preview | ✓ | See image preview above |
| Max | Lines | Represents maximum line or layout thresholds |
| Text, Icon | Y | Displays number inside a visual indicator |
| Read-only | Always non-interactive | |
| Children | Does not accept nested components | |
| Event | No event logic attached | |
| Shade | No background shading metadata | |
| Value | Not a form input | |
| Mandatory | Not required | |
| Error | No validation logic | |
| Min | Not applicable | |
| List | Not a list container |
Usage Example
<Count value={3} />
SDK Integration
The Appointments List screen uses this element to display indicators such as appointment volume, item sequence, or notification counts.
Method: /profile/appointments/list
The method retrieves a grouped list of appointments. Each record may include visual indicators rendered using the Count element, depending on view and layout variant.
Example UI Placement
| Level | ID | Type | Description |
|---|---|---|---|
3 | — | Count | Displays quantity in patient cards |
Notes
- Use for small circular or inline numeric badges.
- Avoid applying in input-driven contexts.
- Combine with
Section,Text, orCardelements for summary blocks.