フローに沿ってタスクを完了するようユーザーを導きます。
横型ステップ
<m-steps active="1">
<m-step title="Order">Submitted</m-step>
<m-step title="Pay">Pending</m-step>
<m-step title="Ship">Preparing</m-step>
<m-step title="Done">Awaiting</m-step>
</m-steps>縦型ステップ
`direction='vertical'` とアクティブ色の指定
<m-steps active="2" direction="vertical" active-color="#10B981">
<m-step title="Ordered">Apr 1, 10:00</m-step>
<m-step title="Shipped">Apr 2, 14:30</m-step>
<m-step title="In Transit">ETA tomorrow</m-step>
<m-step title="Delivered" />
</m-steps>| 属性 | 说明 | 类型 | 默认值 |
|---|---|---|---|
active | 現在のステップのインデックス | number | 0 |
direction | 並び方向 | horizontal | vertical | horizontal |
active-color | 完了済みステップの色 | string | - |
inactive-color | 未完了ステップの色 | string | - |
| 属性 | 说明 | 类型 | 默认值 |
|---|---|---|---|
title | ステップのタイトル | string | - |