Data Display
Reusable display components driven by mock data. Sort and filter the table, page through it, and switch the language to verify RTL. Empty, loading and error states are shown below.
Stat tiles
Clinics
1+2this quarter
Cases
0+5this quarter
Active cases
00
Portfolio value
0.000 KD-3%
Data table
Sortable, filterable, paginated. Click a column header to sort; type to filter.
| Type | |||||
|---|---|---|---|---|---|
| Bayt Al-Asnan | Starter | Clinic | Salmiyah | 3 | 600.000 KD |
1–1 of 1
Timeline
Key–value details
- Tier
- Starter
- Type
- Clinic
- Governorate
- Hawally
- Area
- Salmiyah
- Phone
- +96569090705
- Max active cases
- 3
- Exposure cap
- 600.000 KD
- Payment tolerance
- 7 days
Table states
The same table in its loading, empty and error states.
Loading
| Type | |||||
|---|---|---|---|---|---|
Empty
| Type | |||||
|---|---|---|---|---|---|
No clinics yet Clinics you onboard will appear here. | |||||
Error
| Type | |||||
|---|---|---|---|---|---|
Couldn’t load clinics Something went wrong fetching the list. Please try again. | |||||
Empty state & inline error
No cases found
There are no cases matching the current view. New cases appear here once started.
Couldn’t load this section
The request failed. Check your connection and try again.
Skeleton set
Text lines
List rows
Shapes