Accordions display a list of high-level options that can expand/collapse to reveal more information.

Usage

Import

import { Accordion, AccordionItem } from '@passfort/castle'
content_copy
Copy

Example

<Accordion>
  <AccordionItem title="Item 1">
    <Text>Item content</Text>
  </AccordionItem>

  <AccordionItem title="Item 2">
    <Text>Item content</Text>
  </AccordionItem>
</Accordion>
<Accordion>
  <AccordionItem title="Item 1">
    <Text>Item content</Text>
  </AccordionItem>

  <AccordionItem title="Item 2">
    <Text>Item content</Text>
  </AccordionItem>
</Accordion>
content_copy
Copy
live example