# StateBadge

URL: /code/ui/components/state-badge · Id: `uiComponent:state-badge`

> StateBadge shows a record’s lifecycle state in one word, colored by whether it is open, waiting, done or stopped.

StateBadge shows a record’s lifecycle state in one word, colored by whether it is open, waiting, done or stopped.

| Renderer | Draws |
| --- | --- |
| `web` | Web: rich interactive UI for humans. |
| `native` | Native: JSON for native clients on phone, watch, and TV. |
| `markdown` | Markdown: token-efficient text for agents. |

| Prop | Type | Required | Description |
| --- | --- | --- | --- |
| `thing` | [Thing](/business/nouns/thing) | Yes | The record whose state is shown. |