Skip to main content

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
PropertyDescriptionTypeDefault
totaltotal stepsnumber-
currentcurrent step, start from 1number-
containerStylestyle of containerany-
itemStylestyle of each step itemany-

FWStep

Full Width Step

  • props
PropertyDescriptionTypeDefault
totaltotal stepsnumber-
currentcurrent step, start from 1number-
containerStylestyle of containerany-
itemStylestyle of each step itemany-
<Step.FWStep
containerStyle={{width: 300}}
total={3}
current={2}
/>

fwstep

CWStep

custom Width Step

  • props
PropertyDescriptionTypeDefault
totaltotal stepsnumber-
currentcurrent step, start from 1number-
containerStylestyle of containerany-
itemStylestyle of each step itemany-
<Step.CWStep
containerStyle={{width: 300}}
itemStyle={{width: 50}}
total={3}
current={2}
/>

cwstep