AccordionGroup
AccordionGroup
component allows you to group multiple Accordion components to display a set of collapsible blocks.
Example
Code:
<AccordionGroup>
<Accordion title="Block 1">
Content of Block 1
</Accordion>
<Accordion title="Block 2">
Content of Block 2
</Accordion>
<Accordion title="Block 3">
Content of Block 3
</Accordion>
</AccordionGroup>
Set Default Expanded Item
Code:
<AccordionGroup>
<Accordion title="Block 1 (Set to close)" defaultOpen={true}>
Content of Block 1
</Accordion>
<Accordion title="Block 2 (Set to open)">
Content of Block 2
</Accordion>
</AccordionGroup>
Add Icons
Code:
<AccordionGroup>
<Accordion title="Block 1" icon="material-two-tone-storefront">
Content of Block 1
</Accordion>
<Accordion title="Block 2" icon="material-two-tone-business_center">
Content of Block 2
</Accordion>
<Accordion title="Block 3" icon="material-two-tone-cottage">
Content of Block 3
</Accordion>
</AccordionGroup>
Parameter Description
Last modified: 5 months ago