Styleguide
Base components on ms-group-design tokens — light and dark panels. The toggle flips the whole page theme.
Light
Buttons
Badges
DraftIn reviewPublishedDue soonOverdue
Inputs
Branch or yard the record belongs to
Unrecognised format
Set by the system
Card & table
Obligations due
| Obligation | Status | Due |
|---|---|---|
| LEV thorough examination & test | Due 4 weeks | 14/10/2026 |
| LOLER 6-month examination — crane | Planned | 02/11/2026 |
| Fire risk assessment review | Overdue | 01/09/2026 |
Placeholder content — dates and statuses are illustrative, not live data.
Figures
Acknowledgement rate
96.4%
+1.2 this month
Overdue reviews
3
escalate at 5
Dark
Buttons
Badges
DraftIn reviewPublishedDue soonOverdue
Inputs
Branch or yard the record belongs to
Unrecognised format
Set by the system
Card & table
Obligations due
| Obligation | Status | Due |
|---|---|---|
| LEV thorough examination & test | Due 4 weeks | 14/10/2026 |
| LOLER 6-month examination — crane | Planned | 02/11/2026 |
| Fire risk assessment review | Overdue | 01/09/2026 |
Placeholder content — dates and statuses are illustrative, not live data.
Figures
Acknowledgement rate
96.4%
+1.2 this month
Overdue reviews
3
escalate at 5