Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProA submit that takes several steps (check, upload, create) shows each phase as a list item with pending, running, done and failed states, and a failed phase can be retried alone. Use this when one click triggers work the person should be able to follow.
This item has no props to tune. Use the lens above to change theme, density, direction and more.
Submit runs several dependent operations (validate, upload files, create the record, send the email) and silence for several seconds would look broken.
Do not use it when: For one quick request a spinner on the button is enough. For a progress with a known percentage use a progress bar.
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 | Description |
|---|---|---|
phases | { id, label, run }[] | Work in order. run rejects to fail the phase. |
onDone | () => void | After every phase has finished. |
aria-current="step". Every state is a word ("Waiting", "In progress", "Done", "Failed") next to the icon.The pattern ships with a Testing Library test (submit-progress-phases.test.tsx) that covers: its main behaviour, the keyboard path and the error or empty states.