Step
A common widget for showing progress, we have FWStep and CWStep derived from it.
We usually use FWStep and CWStep instead of Button directly.
- props
Property | Description | Type | Default |
---|---|---|---|
total | total steps | number | - |
current | current step, start from 1 | number | - |
containerStyle | style of container | any | - |
itemStyle | style of each step item | any | - |
FWStep
Full Width Step
- props
Property | Description | Type | Default |
---|---|---|---|
total | total steps | number | - |
current | current step, start from 1 | number | - |
containerStyle | style of container | any | - |
itemStyle | style of each step item | any | - |
<Step.FWStep
containerStyle={{width: 300}}
total={3}
current={2}
/>
CWStep
custom Width Step
- props
Property | Description | Type | Default |
---|---|---|---|
total | total steps | number | - |
current | current step, start from 1 | number | - |
containerStyle | style of container | any | - |
itemStyle | style of each step item | any | - |
<Step.CWStep
containerStyle={{width: 300}}
itemStyle={{width: 50}}
total={3}
current={2}
/>