LogoMkSaaS Docs
LogoMkSaaS Docs
Homepage

Introduction

Quick StartWhat is FumadocsComparisons

Setup

Manual InstallationStatic Export

Writing

MarkdownInternationalization

UI

OverviewThemesSearch
Components
AccordionBannerCode Block (Dynamic)FilesGitHub InfoZoomable ImageInline TOCRoot ToggleStepsTabsType Table
MDX
X (Twitter)
Components

Accordion

Add Accordions to your documentation

Usage

Based on Radix UI Accordion, useful for FAQ sections.

import React from 'react';
import { Accordion, Accordions } from 'fumadocs-ui/components/accordion';

<Accordions type="single">
  <Accordion title="My Title">My Content</Accordion>
</Accordions>;

Accordions

Accordion

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.

<Accordions>
<Accordion title="My Title" id="my-title">

My Content

</Accordion>
</Accordions>

The value of accordion is same as title by default. When an id presents, it will be used as the value instead.

Components

Additional components to improve your docs

Banner

Add a banner to your site

Table of Contents

Usage
Accordions
Accordion
Linking to Accordion