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