Ant Design, как настроить компонент Steps

Question

Я использую компонент Ant Design Steps. Я хочу добавить дополнительные компоненты, такие как кнопка, рядом с описанием каждого шага (сделать его более активным).

Я также хочу сделать рамку вокруг описания каждого шага.

Кто-нибудь знает, как использовать это?

Answer 1

Метод

Если вы проверите их документ, вы обнаружите, что есть 4 API с типом string | ReactNode

• title
• subTitle
• icon
• description

Это означает, что вы можете передать дочерний компонент этим реквизитам, которые можно использовать для настройки.

См .:

• API Steps.Step

---

Демо

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