You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Progress steps component is not only usable for user input form with three states: current, incomplete, and complete. The component would be very helpful in cases to visualize a job running with the addition of failed and skipped states. Since the status map with styling and icon spec is hardcoded into progress-step-base.tsx, it makes it difficult to extend and customize.
Proposed solution
Add two statuses, failed and skipped with icons indicating red for failed and grey for skipped.
Alternatives considered
I considered using incomplete for failed status but it lacks the red color and cross which is typical for a failed state.
reacted with thumbs up emoji reacted with thumbs down emoji reacted with laugh emoji reacted with hooray emoji reacted with confused emoji reacted with heart emoji reacted with rocket emoji reacted with eyes emoji
Uh oh!
There was an error while loading. Please reload this page.
Problem or use case
Progress steps component is not only usable for user input form with three states: current, incomplete, and complete. The component would be very helpful in cases to visualize a job running with the addition of failed and skipped states. Since the status map with styling and icon spec is hardcoded into progress-step-base.tsx, it makes it difficult to extend and customize.
Proposed solution
Add two statuses,
failedandskippedwith icons indicating red for failed and grey for skipped.Alternatives considered
I considered using incomplete for failed status but it lacks the red color and cross which is typical for a failed state.
Examples or mockups
Failed state:

Skipped:
All reactions