蚂蚁设计，如何自定义步骤组件

Question

我正在使用“蚂蚁设计步骤”组件。我想在每个步骤的描述旁边添加其他组件，例如按钮（使其更具操作性）。

我还想在每个步骤的说明周围加上边框。

有人知道如何使用它吗？

Answer 1

方法

如果查看他们的文档，您会发现有四种类型为 string | ReactNode

的API。

• 标题
• subTitle
• 图标
• 说明

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

引用：

• Steps.Step的API

---

演示

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