如何用Ant Design步骤条组件构建长尾词式导航？

本文共计1463个文字，预计阅读时间需要6分钟。

目录

1.antd 之 Steps API

2.antd 之 Steps 示例

antd 组件库是基于 Ant Design 设计体系的 React UI 组件库，为 Web 应用提供了丰富的基础 UI 组件，适用于开发企业级中后台产品。antd 为 Web 应用提供了丰富的 UI 组件，可助力快速构建高质量的应用。

目录

• 引言
• 1 antd 之 Steps API
• 2 antd 之 Steps 示例

引言

antd 组件库是基于 Ant Design 设计体系的 React UI 组件库，antd 为 Web 应用提供了丰富的基础 UI 组件，可以用于研发企业级中后台产品。这篇咱们介绍 antd 组件库之 步骤条。

1 antd 之 Steps API

步骤条 Steps 的用处是在 当任务复杂或者存在先后关系时，将其分解成一系列的步骤，从而达到简化任务的目的。其 DOM 节点为 :

<Steps> <Step>...</Step> <Step>...</Step> <Step>...</Step> </Steps>

antd 中的步骤条样式丰富，可以通过设置 Steps 和 Step 的属性来产生不同的 步骤条 样式，详细的这里我进行一个整理：

下面做一些实践。