ProgressSteps
Examples
Basic radio variant usage
- Verify UserLorem ipsum dolor sit amet
- User ProfileLorem ipsum dolor sit amet
- User AccessLorem ipsum dolor sit amet
- SettingsPayment verified
Basic usage
- Verify NameLorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor in
- Verify AddressLorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor in
- Verify AddressLorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor in
- Verify PaymentPayment verified
Progress path props
Name | Type | Default | Description |
---|---|---|---|
alwaysShowDescription | boolean | false | Flag to allow the entering transition |
children | react node | Children for progress step | |
className | string | Utility class names to be provided to Root | |
current | number | Which state are we in | |
orientation | 'horizontal'| 'vertical' | vertical | Defines the orientation of progress step |
overrides | custom | Lets you customize all aspects of the component. | |
variant | 'default'| 'radio' | default | variant of progress step |
You can check the implementation of the component for more details.