Ant Design，如何自定义 Steps 组件

Question

我正在使用 Ant Design Steps 组件。我想在每个步骤的描述旁边附加其他组件，例如按钮（使其更具可操作性）。

我还想在每个步骤的描述周围做一个边框。

有人知道怎么用吗？

Answer 1

方法

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

• 标题
• 副标题
• 图标
• 说明

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

参考：

• Steps.Step 的 API

---

演示

<Step
  title="Step 1"
  subTitle={<button>XXX</button>}
  status="finish"
  icon={<AcUnit />}
  description="This is a description."
/>