Status Badge

A dot-plus-label pill for presence and run outcomes. The dot carries the hue at full strength; the body stays a quiet wash.

tsx

1import { StatusBadge } from "@pestoui/core"

Presence

OnlineAwayBusyOffline

The same pill for the result of a run. No status claims the brand green — that hue is reserved for selection.

CompletedNeeds reviewFailedDraftQueued

pulse animates the dot for live states. It respects prefers-reduced-motion.

RunningWaiting on input

Prop	Type	Default	Description
status	"online" \| "offline" \| "busy" \| "away" \| "success" \| "warning" \| "error" \| "neutral"	"neutral"	Hue of the dot and the wash behind the label.
pulse	boolean	false	Animate the dot. Disabled under prefers-reduced-motion.

Pesto UI · 117 documented components