ClaudeSkills
浏览文档

旧模板文档

步骤

在文档中添加步骤

Historical Fumadocs template

旧模板文档为历史链接保留，内容不作为当前 ClaudeSkills 产品指南。

这里保留既有编辑译文；如有最新完整官方参考，会在下方独立提供英文原文。

查看来源
本页目录

使用方法

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

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

<Steps>
<Step>

### 你好世界

</Step>

<Step>

### 你好世界

</Step>
</Steps>

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

不使用导入

您可以在不导入的情况下使用 Tailwind CSS 实用工具。

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

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

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

### 你好世界

</div>

你好世界

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