Accordion Group
Group multiple accordions into a single display
On This Page
Simply add <AccordionGroup> around your existing <Accordion> components.
import { Accordion, AccordionGroup } from "@visulima/nextra-theme-docs/components";<AccordionGroup> <Accordion title="I am an Accordion.">You can put any content in here.</Accordion> <Accordion title="I am an Accordion 2.">You can put any content in here.</Accordion> <Accordion title="I am an Accordion 3.">You can put any content in here.</Accordion></AccordionGroup>
import { Accordion, AccordionGroup } from "@visulima/nextra-theme-docs/components";<AccordionGroup styleType="flushed"> <Accordion title="I am an Accordion.">You can put any content in here.</Accordion> <Accordion title="I am an Accordion 2.">You can put any content in here.</Accordion> <Accordion title="I am an Accordion 3.">You can put any content in here.</Accordion></AccordionGroup>
APIPermalink for this section
The AccordionGroup component takes the following props:
childrenPermalink for this section
List of Accordions.
- Type:
Accordion - Required:
true
styleType (optional)Permalink for this section
You can choose between rounded and flushed style.
- Type:
rounded | flushed - Default:
rounded