Component gallery
Every shared component in each state. Preview only.
Buttons
Status chips
Planned
Planned
Active
In progress
Completed
Completed
Cancelled
Cancelled
Billed
New
Pending
Open
Contacted
Enrolled
Accepted
Solved
Solved
Rejected
Closed
Archived
Active
Inactive
Inactive
Invited
Suspended
Paid
Unpaid
Partly paid
Partly paid
Overdue
Issued
Draft
Refunded
Validated
Off day
Holiday
Partial enrollment
Feedback
Complaint
Something Else
30 h left
Under 8 h
Overdue
B1
Tabs, alerts and progress
Contact each student within 48 working hours, then update their status.
Lessons already scheduled
3 lessons fall inside this period. They won’t be cancelled automatically.
Something went wrong. Try again.
0 / 70 h enrolled
42 / 70 h enrolled
+7
Camille Martin, Lucas Bernard, Inès Garcia, Mateo Haddad
- camille.martin@example.com
- Phone
- +33 6 12 34 56 78
- Created
- 24 Oct 2026, 12:05
- Enterprise
- —
Data table
Columns
Row density
| Name | Phone | Status | Sessions | Enterprise | Created | Actions | |
|---|---|---|---|---|---|---|---|
Emma Bernard
emma.bernard@example.com |
+33 6 50 50 50 50 | Active | 0 | — | 27 May 2026 | ||
Rayan Benali
rayan.benali@example.com |
+33 6 63 79 91 03 | Active | 2 | — | 24 May 2026 | ||
Clara López
clara.lopez@example.com |
+33 6 76 08 32 56 | Active | 4 | Pharma Rhône | 21 May 2026 | ||
Adam Morel
adam.morel@example.com |
+33 6 89 37 73 09 | Inactive | 1 | — | 18 May 2026 | ||
Zoé Lefèvre
zoe.lefevre@example.com |
+33 6 02 66 14 62 | Invited | 3 | — | 15 May 2026 | ||
Martín Fernández
martin.fernandez@example.com |
+33 6 15 95 55 15 | Active | 0 | — | 12 May 2026 | ||
Anaïs Nguyen
anais.nguyen@example.com |
+33 6 28 24 96 68 | Active | 2 | Atelier Lumen | 9 May 2026 | ||
Mehdi Martin
mehdi.martin@example.com |
+33 6 41 53 37 21 | Active | 4 | — | 6 May 2026 | ||
Elena Fontaine
elena.fontaine@example.com |
+33 6 54 82 78 74 | Inactive | 1 | — | 3 May 2026 | ||
Antoine Mercier
antoine.mercier@example.com |
+33 6 67 11 19 27 | Invited | 3 | — | 30 Apr 2026 | ||
Camille Morel
camille.morel@example.com |
+33 6 80 40 60 80 | Active | 0 | Pharma Rhône | 27 Apr 2026 | ||
Lucas Lefèvre
lucas.lefevre61@example.com |
+33 6 93 69 01 33 | Active | 2 | — | 24 Apr 2026 | ||