Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProA status select where each state has a coloured dot and always a text label, so the meaning never depends on colour.
Derived from this item’s props table, because it declares no controls of its own. This item has no standalone playground, so changes update the code, the share link and the AI prompt.
Use this for workflow states on tasks, tickets, orders and deployments.
Do not use colour alone, and do not use more than six states: more becomes a vocabulary people must learn.
This item is part of tealmac UI Pro
The source for this item installs with a Pro licence key. Log in with your key to see the install command, or read the Pro setup page.
| Prop | Type | Default | Description |
|---|---|---|---|
label | string | - | Visible label. |
options | { value, label, dot }[] | - | States; dot is a background class. |
value / onValueChange | string / fn | - | Controlled value. |
aria-hidden; options are named by their words ("In progress").| Key | Action |
|---|---|
| Enter or Space | opens the list |
| Arrow keys and typeahead | move |
| Enter | chooses |
The pattern ships a Testing Library test (select-status-dot.test.tsx) that covers the text value, hidden dots and changing status.