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

Usage

Import

import { AccordionV1, AccordionItemV1 } from '@passfort/castle'
content_copy
Copy

Example

<AccordionV1>
  <AccordionItemV1 title="Item 1">
    <Text>Item content</Text>
  </AccordionItemV1>

  <AccordionItemV1 title="Item 2">
    <Text>Item content</Text>
  </AccordionItemV1>
</AccordionV1>
<AccordionV1>
  <AccordionItemV1 title="Item 1">
    <Text>Item content</Text>
  </AccordionItemV1>

  <AccordionItemV1 title="Item 2">
    <Text>Item content</Text>
  </AccordionItemV1>
</AccordionV1>
content_copy
Copy
live example