步骤
向你的文档添加步骤
Buy Coffee
Some text here
Go to Office Some text here
Some text here
Have a meeting Some text here
Some text here
Install to your codebase
Easier customisation & control.
使用
🌐 Usage
将你的步骤放入 Steps 容器中。
🌐 Put your steps into the Steps container.
import { Step, Steps } from 'fumadocs-ui/components/steps';
<Steps>
<Step>
### Hello World
</Step>
<Step>
### Hello World
</Step>
</Steps>无导入
🌐 Without imports
你可以在不导入 Tailwind CSS 的情况下使用它的工具类。
🌐 You can use the Tailwind CSS utilities without importing it.
<div className="fd-steps">
<div className="fd-step" />
</div>它支持仅向具有任意变体的标题添加步骤样式。
🌐 It supports adding step styles to only headings with arbitrary variants.
<div className='fd-steps [&_h3]:fd-step'>
### Hello World
</div>Last updated on