Components / UI components / Feedback
State & statusExperimental alpha

StatusBadge

A shared language for every operation.

StatusBadge preview

QueuedRunningNeeds reviewCompleteFailedCancelled

Interactions use local sample data.

Usage and props

Unrecognized states never become success.

Supported inputs

This is the public signature used by this example. Open Code to see how the values and callbacks fit together.

state · label? · native span props
How state and callbacks work

These are the main props for the example. The package's TypeScript declarations include the full API.

Customize and use with a keyboard