Status

Communicates a current operational state with text and restrained color.

@rivetui/status

Preview

Explore each composition interactively, then open its code in the same context.

Pair a concise operational state with the resource or process it belongs to.

Note

Long labels truncate when constrained. Keep the complete state available to assistive technology through the visible text or an accessible label.

API gateway

Region / fra1

Operational

Queue worker

Region / iad1

Deploying

Legacy webhook

Region / sfo1

Degraded

Use tone to reinforce state meaning while preserving a readable text label.

IdleOperationalBuildingFailed

Registry

Add the component source and its declared dependencies with the shadcn CLI.

Install component

$bunx --bun shadcn@latest add @rivetui/status

Public interface

Component-specific props are listed here. Native element and Base UI props continue to pass through.

Prop	Type	Default
`tone`	`"neutral" \| "success" \| "warning" \| "destructive"`	`"neutral"`
`className`	`string`	`—`