Metrics & Status

StatusDot

Small status indicator dot used inline in tables, lists, and cards to communicate state.

Props

StatusDot is a standalone <span>.

StatusDotProps props

Prop	Type	Default	Description
`tone`	`StatusTone`	—	"ok" \| "warn" \| "err" \| "idle" \| "prov" \| "dim".
`className`	`string`	—	Forwarded to the span.
`style`	`CSSProperties`	—	Forwarded to the span.

okwarnerridleprovdim

StatusDot tones

ImportTSX

import { StatusDot } from "@solarius/onset";
import type { StatusDotProps, StatusTone } from "@solarius/onset";