mirror of
https://github.com/mintlify/docs.git
synced 2026-09-14 13:35:46 +08:00
locadex-agent[bot]
bbb1a08ed3
Co-authored-by: locadex-agent[bot] <217277504+locadex-agent[bot]@users.noreply.github.com>
72 lines
1.8 KiB
Plaintext
72 lines
1.8 KiB
Plaintext
---
|
|
title: "步骤"
|
|
description: "创建带编号的分步流程。"
|
|
keywords: ["sequence", "numbered steps", "procedures", "tutorial steps"]
|
|
---
|
|
|
|
import IconsOptional from "/snippets/zh/icons-optional.mdx";
|
|
|
|
使用步骤来展示一系列按顺序进行的操作或事件。你可以根据需要添加任意多的步骤。
|
|
|
|
<Steps>
|
|
<Step title="第一步">
|
|
以下仅适用于第一步的说明或内容。
|
|
</Step>
|
|
|
|
<Step title="第二步">
|
|
以下仅适用于第二步的说明或内容。
|
|
</Step>
|
|
|
|
<Step title="第三步">
|
|
以下仅适用于第三步的说明或内容。
|
|
</Step>
|
|
</Steps>
|
|
|
|
```mdx Steps example
|
|
<Steps>
|
|
<Step title="第一步">
|
|
这些是仅适用于第一步的说明或内容。
|
|
</Step>
|
|
<Step title="第二步">
|
|
这些是仅适用于第二步的说明或内容。
|
|
</Step>
|
|
<Step title="第三步">
|
|
这些是仅适用于第三步的说明或内容。
|
|
</Step>
|
|
</Steps>
|
|
```
|
|
|
|
|
|
<div id="steps-properties">
|
|
## Steps 属性
|
|
</div>
|
|
|
|
<ResponseField name="children" type="ReactElement<StepProps>[]" required>
|
|
`Step` 组件列表。
|
|
</ResponseField>
|
|
|
|
<ResponseField name="titleSize" type="string" default="p">
|
|
步骤标题的大小。可选值：`p`、`h2`、`h3`。
|
|
</ResponseField>
|
|
|
|
<div id="individual-step-properties">
|
|
## 单个步骤属性
|
|
</div>
|
|
|
|
<ResponseField name="children" type="string | ReactNode" required>
|
|
步骤的内容，可以是纯文本或组件。
|
|
</ResponseField>
|
|
|
|
<IconsOptional />
|
|
|
|
<ResponseField name="title" type="string">
|
|
标题是该步骤的主要文本，显示在指示器旁边。
|
|
</ResponseField>
|
|
|
|
<ResponseField name="stepNumber" type="number">
|
|
步骤编号。
|
|
</ResponseField>
|
|
|
|
<ResponseField name="titleSize" type="string" default="p">
|
|
步骤标题的字号。可选值为 `p`、`h2` 和 `h3`。
|
|
</ResponseField> |