Matcha UI
← All components

Accordion

Stacked sections for FAQs, settings, and nested content.

Example

import {
  Accordion,
  AccordionContent,
  AccordionItem,
  AccordionTrigger,
} from "matcha-ui";

<Accordion type="single" collapsible className="w-full max-w-md">
  <AccordionItem value="one">
    <AccordionTrigger>Is Matcha UI responsive?</AccordionTrigger>
    <AccordionContent>
      Yes. Components use Tailwind breakpoints and fluid layouts for mobile-first SaaS UIs.
    </AccordionContent>
  </AccordionItem>
</Accordion>