Metrics & Status

StatusText

Status label with a leading dot, for run states, health, and lifecycle information in tables, toolbars, and detail panels.

Props

StatusText renders a <span> containing an automatic dot and text.

StatusTextProps props

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

OperationalDegradedOutageIdleProvisioningDisabled

StatusText tones

ImportTSX

import { StatusText } from "@solarius/onset";
import type { StatusTextProps, StatusTone } from "@solarius/onset";