X (Twitter)

Some text here

Some text here

Some text here

用法

将您的步骤放入 Steps 容器中。

import { Step, Steps } from 'fumadocs-ui/components/steps';

<Steps>
<Step>

### Hello World

</Step>

<Step>

### Hello World

</Step>
</Steps>

我们建议直接在 Tailwind CSS 项目上使用 Tailwind CSS 实用程序类。

您可以使用 Tailwind CSS 实用程序而无需导入它。

<div className="fd-steps">
  <div className="fd-step" />
</div>

它支持仅向具有任意变体的标题添加步骤样式。

<div className='fd-steps [&_h3]:fd-step'>

### Hello World

</div>

您不再需要使用步骤组件。

Some text here

Some text here

Some text here

将您的步骤放入 Steps 容器中。

import { Step, Steps } from 'fumadocs-ui/components/steps';

<Steps>
<Step>

### Hello World

</Step>

<Step>

### Hello World

</Step>
</Steps>

我们建议直接在 Tailwind CSS 项目上使用 Tailwind CSS 实用程序类。

您可以使用 Tailwind CSS 实用程序而无需导入它。

<div className="fd-steps">
  <div className="fd-step" />
</div>

它支持仅向具有任意变体的标题添加步骤样式。

<div className='fd-steps [&_h3]:fd-step'>

### Hello World

</div>

您不再需要使用步骤组件。