Skip to main content

status and progress

Status dot

Status dots are used to communicate different vendor availability statuses, such as busy, open or closed, and to indicate the availability of menu items.

Color

Image alt

ElementPropertyColor token
ContainerBackground$color-status-neutral
ContainerBackground$color-status-success
ContainerBackground$color-status-warning
ContainerBackground$color-status-danger