Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProThe editorial stages of an article as a stepper with done, current and upcoming told apart in text, and move buttons that say where they lead.
This item has no props to tune. Use the lens above to change theme, density, direction and more.
Use it at the top of an article editor. Pass canMoveTo to enforce who may approve or publish.
Do not use it when: the workflow has branches or parallel reviews: use a board instead.
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 |
|---|---|---|---|
value | Stage | required | The current stage. |
onChange | (next: Stage) => void | - | Called when a move button is pressed. |
canMoveTo | (stage: Stage) => boolean | neighbours only | Permission check per target stage. |
An ordered list named "Publishing stages" with aria-current="step" on the current one and hidden text saying done, current or upcoming; the move buttons name their target.
The pattern ships with a test (draft-status-stepper.test.tsx). It covers the current marker, the done text, the move callback and permissions.