Skip to Content

Status Light

Status lights are used to color code categories and labels commonly found in data visualization.

Status

Variants

Success
Error
Warning
Active
Inactive

Component props

NameTypeDescription
variantStatusVariant"success" | "warning" | "error" | "active" | "inactive" | "none"
colorstringCustom color (overrides variant)