Components
Loading preview...
Accordions to your documentation Based on Radix UI Accordion, useful for FAQ sections. Linking to Accordion You can specify an id for accordion. The accordion will automatically open when the user is navigating to the page with the specified id in hash parameter.
npx shadcn@latest add https://21st.dev/r/fuma-nama/accordion'use client';
import { Accordion, Accordions } from '@/components/ui/accordion';
function Demo() {
return (
<Accordions className="w-full">
<Accordion id="what-is-fumadocs" title="What is Fumadocs?">
<p>A framework for building documentations</p>
</Accordion>
<Accordion id="what-do-we-love" title="What do we love?">
<p>We love building great developer experiences</p>
</Accordion>
</Accordions>
);
}
export { Demo }