Steps

Steps is a wrap of step-items.

<Steps>
  <Steps.Item>
    <PlaceHolder />
  </Steps.Item>
  <Steps.Item>
    <PlaceHolder />
  </Steps.Item>
</Steps>

Example

Basic usage of Steps component.

API

Steps

PropertiesDescriptionTypeDefault
currentIndexThe specified current step counting from 0. In the child Step element, the status can be overridden by the status attributenumber0
verticalWhether the direction mode is verticalbooleanfalse

Steps.Item

PropertiesDescriptionTypeDefault
titleThe step titleReactNode-
descriptionThe detailed description of the steps, optionalReactNode-
iconThe icon of the stepsReactNode-
statusThe specified statuserror | finish | process | waitwait