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

Usage

Import

import { AccordionV2 } from '@passfort/castle'
content_copy
Copy

Example

<AccordionV2>
  <AccordionV2.Item title="Item 1">
    <Text>Item content</Text>
  </AccordionV2.Item>

  <AccordionV2.Item title="Item 2">
    <Text>Item content</Text>
  </AccordionV2.Item>
</AccordionV2>
<AccordionV2>
  <AccordionV2.Item title="Item 1">
    <Text>Item content</Text>
  </AccordionV2.Item>

  <AccordionV2.Item title="Item 2">
    <Text>Item content</Text>
  </AccordionV2.Item>
</AccordionV2>
content_copy
Copy
live example