---
title: Steps 步骤条
nav:
  title: 组件
  path: /component
group:
  title: 导航组件
  path: /nav
  order: 2
---

# Steps 步骤条
引导用户按照流程完成任务的导航条

## 代码演示

### 基本用法
<code src="./__fixtures__/basicHorizontal.tsx" />

### 收起模式
<code src="./__fixtures__/collapseMode.tsx" />

### 纵向步骤条
<code src="./__fixtures__/verticalSteps.tsx" />

### 反向纵向步骤条
<code src="./__fixtures__/reverseVertical.tsx" />

### 自定义状态
<code src="./__fixtures__/customStatus.tsx" />

### 长文本处理
<code src="./__fixtures__/longTextHandling.tsx" />

## 属性

<API src="./Steps.tsx" hideTitle></API>