Status

Status is not an interactive element. It is only intended to inform. If a Status indicates that a user should take action, be sure to provide the appropriate controls.

There are four variants of Status available: Neutral, Success, Caution, and Danger.

Neutral Statuses are gray and should be used to indicate states like "Paused", "Not started", or "Queued".

This is the default variant.

Success Statuses are green and should be used to indicate states like "Complete", "Active", or "Service operational".

Caution Statuses are yellow and should be used to indicate states like "Attention suggested" or "Service degradation".

Danger Statuses are red and should be used to indicate states like "Error", "Failure", or "Service disruption".

Use Status to communicate the state of a discrete item, such as a server or individual process. Both labeled and unlabeled variants are acceptable, but should follow the associated guidelines.

Table supports Status as a content type. Status requires a distinct column and should not be mixed with other content types.

In this case the column heading acts as the Status label.

Statuses content should provide a quick overview. Limit Status descriptor and label text to three words or less. Use sentence casing for both.

Where necessary, labels may be hidden. If a label is not present, ensure the Status copy communicates appropriate context. Even if the label is hidden, it must be populated to ensure context for users of assistive technology.