Ant Design，如何自定义Steps组件

Question

我正在使用 Ant Design Steps 组件。我想在每个步骤的描述旁边附加其他组件，例如按钮（使其更具可操作性）。我还想在每个步骤的描述周围添加边框。有谁知道如何使用它？

Answer 1

方法

如果你查看他们的文档，你会发现有 4 个类型为string|ReactNode 的API

• 标题

• 字幕

• 图标

• 描述

这意味着您可以将子组件传递给这些道具，这些道具可用于自定义。

参考：

• Steps.Step的API

---

演示

<Step

  title="Step 1"

  subTitle={<button>XXX</button>}

  status="finish"

  icon={<AcUnit />}

  description="This is a description."

/>