Accordion

A vertically stacked set of interactive headings.

Yes. It uses accessible primitives.

Installation

npx ghost-ui-native add accordion

Usage

import { Accordion, AccordionItem, AccordionTrigger, AccordionContent } from '@/components/ui/accordion';
<Accordion type="single" collapsible>
  <AccordionItem value="item-1">
    <AccordionTrigger>Is it accessible?</AccordionTrigger>
    <AccordionContent>Yes. It adheres to WAI-ARIA patterns.</AccordionContent>
  </AccordionItem>
</Accordion>