Builtin component

Badge

Status indicator with label and tone.

Props

PropTypeDefaultDescription
labelstring | FieldReference—Badge text
tone"healthy" | "warning" | "unavailable" | "info" | "muted""info"Color tone
dotbooleanfalseShow a colored dot

Example

Badge({ label: "Healthy", tone: "healthy", dot: true })
Badge({ label: row.status })