Steps

Steps is a wrap of step-items.

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

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

Example

Basic usage of Steps component.

Basic Steps with status (horizontal)

Title 1

Title 2

Title 3

Title 4

Basic Steps with status (vertical)

Step one

Step two

Step three

Properties	Description	Type	Default
currentIndex	The specified current step counting from 0. In the child Step element, the status can be overridden by the `status` attribute	`number`	`0`
vertical	Whether the direction mode is vertical	`boolean`	`false`

Properties	Description	Type	Default
title	The step title	`ReactNode`	-
description	The detailed description of the steps, optional	`ReactNode`	-
icon	The icon of the steps	`ReactNode`	-
status	The specified status	`error \| finish \| process \| wait`	`wait`