Formion LogoMkSaaS文檔
Formion LogoMkSaaS文檔
首頁

介紹

快速入門什麼是 Fumadocs對比

設置

手動安裝靜態導出

寫作

Markdown國際化

UI

概覽主題搜尋
組件
手風琴橫幅代碼塊(動態)文件GitHub 資訊可縮放圖片內聯目錄根切換器步驟選項卡類型表格
MDX
X (Twitter)
組件

步驟

在文檔中添加步驟

Buy Coffee

Some text here

Go to Office Some text here

Some text here

Have a meeting Some text here

Some text here

使用方法

將您的步驟放入 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>

你好世界

您不再需要使用步驟組件了。

根切換器

在頁面樹之間切換

選項卡

使用 Radix UI 構建的選項卡組件,具有持久性和共享值等附加功能。

目錄

使用方法
不使用導入
你好世界