MkSaaS文檔手風琴
在文檔中添加手風琴組件
使用方法
基於 Radix UI Accordion，對 FAQ 部分特別有用。
import React from 'react';
import { Accordion, Accordions } from 'fumadocs-ui/components/accordion';
<Accordions type="single">
<Accordion title="我的標題">我的內容</Accordion>
</Accordions>;Accordions
Accordion
鏈接到手風琴
您可以為手風琴指定一個 id。當用戶導航到帶有指定 id 的哈希參數的頁面時，手風琴將自動打開。
<Accordions>
<Accordion title="我的標題" id="my-title">
我的內容
</Accordion>
</Accordions>手風琴的值預設與標題相同。當存在 id 時，它將被用作值。