System status
Lab componentSystem status
System status communicates essential platform-wide information or alerts, such as system maintenance or outages. These messages are designed to be quickly noticed and prompt users to take action if needed. System status offers 4 severity levels, each with a dedicated icon and color; info
, success
, warning
and error
.
Examples
How to use
Accessibility
By default, the SystemStatus
component has the role "status"
. This means a screen reader will announce the message at the next available opportunity.
- If the status is critical and requires immediate attention, apply
role="alert"
to ensure the message is announced immediately. - If the status is not critical, consider applying
role="region"
.