React
Is new design vision part implemented using new tokens?
Up to date
Resources
Example
import { ProgressIndicator } from '@optimus-web/core';
<ProgressIndicator
steps={[
{
value: 'completed',
label: 'Completed',
optional: true,
completed: true,
},
{
value: 'completed2',
label: 'Completed 2',
completed: true,
editable: true,
},
{
value: 'active',
label: 'Active',
},
{
value: 'next',
label: 'Next',
},
{
value: 'enabled',
label: 'Enabled',
editable: true,
optional: true,
},
{
value: 'disabled',
label: 'Disabled',
},
]}
activeStep="active"
/>
API
|
Name |
Description |
Type |
Default |
|---|---|---|---|
|
steps |
Array of steps to be displayed in the progress indicator. |
StepDescription<S>[] |
- |
|
activeStep? |
The key of the currently active step. |
S |
undefined |
|
onStepChange? |
Function called when the active step changes. |
(value: S) => void |
undefined |
|
vertical? |
If true, the progress indicator is displayed vertically. |
boolean |
undefined |