Documentation

Accordion

Collapsible content sections with smooth expand/collapse animations.

Installation

pnpm add @rouf-dev/pantheon-ui

Usage

import { Accordion, AccordionItem, AccordionTrigger, AccordionContent } from "@rouf-dev/pantheon-ui";

<Accordion type="single" collapsible>
  <AccordionItem value="item-1">
    <AccordionTrigger>Is it accessible?</AccordionTrigger>
    <AccordionContent>
      Yes. It adheres to the WAI-ARIA design pattern.
    </AccordionContent>
  </AccordionItem>
</Accordion>

Examples

Single Item

Multiple Items