System 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 four severity levels, each with a dedicated icon and color; info, success, warning and error.

Also known as: System Message

View source code

Note: This tab list includes overflow; tab positions may be inaccurate or change when a tab is selected

By default, the SystemStatus component has the role "status". This means a screen reader will announce the message at the next available opportunity.

Best practices

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".

By default, the SystemStatus component has the role "status". This means a screen reader will announce the message at the next available opportunity.

Best practices

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".

By default, the SystemStatus component has the role "status". This means a screen reader will announce the message at the next available opportunity.

Best practices

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".