手風琴
在您的文件中加入手風琴元件
A framework for building documentation
We love websites with a good user experience
Install to your codebase
Easier customization & control.
npx @fumadocs/cli@latest add accordion使用方式
以 Base UI Accordion 為基礎，適合用於常見問題 (FAQ) 區塊。
若使用 Radix UI 套件，則改以 Radix UI Accordion 為基礎。
您可以在 MDX 檔案中使用，也可以將其當作一般的 React 元件使用。
---
title: Hello World
---
import { Accordion, Accordions } from 'fumadocs-ui/components/accordion';
<Accordions type="single">
<Accordion title="My Title">My Content</Accordion>
</Accordions>手風琴
屬性
型別
手風琴
屬性
型別
連結至手風琴
您可以為手風琴指定 id。當使用者前往該頁面，且網址 hash 參數帶有指定的 id 時，手風琴會自動展開。
<Accordions>
<Accordion title="My Title" id="my-title">
My Content
</Accordion>
</Accordions>手風琴的值預設與標題相同。若有指定 id，則會改以 id 作為值。
How is this guide?
最後更新於
General Translation
Ferry Health
assistant-ui
Inkeep