Accordion

Display content in a vertically stacked set of panels.

Installation

Add the component to your project using the following command:

Usage

Import

Import the component and its related parts.

Accordion Parts

import { 
  Accordion, 
  AccordionItem, 
  AccordionHeader, 
  AccordionTrigger, 
  AccordionPanel 
} from 'components/selia/accordion';

Structure

The expected structure and composition of the component.

Anatomy

<Accordion>
  <AccordionItem>
    <AccordionHeader>
      <AccordionTrigger>
        Accordion Trigger
      </AccordionTrigger>
    </AccordionHeader>
    <AccordionPanel>
      Accordion content
    </AccordionPanel>
  </AccordionItem>
</Accordion>