Badges are used to indicate status of an object.

The status is communicated through both the color of the badge, and the label. The label should always be sufficient to understand the status without the addition of color.

status badge in a header
Status badges in a list

Last updated: Jul 2018

Next: Buttons