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