Theme: Light | Lightest | Dark | Darkest Scale: Medium | Large

Status

Usage notes


Status lights describe the condition of an entity. They can be used to convey semantic meaning, such as statuses and categories.

Default

Neutral
Toggle markup

Disabled

Disabled
Toggle markup

Semantic

Positive Negative Notice Info
Toggle markup

Color

Indigo Celery Magenta Yellow Fuchsia Seafoam Chartreuse Purple
Toggle markup