The <Accordion> and <AccordionItem> components are used together to display a list of content sections that can be toggled open by clicking the respective title of each section.
Title 1
Content Section
Title 2
Content Section
Title 3
Content Section
< Accordion >
< AccordionItem title = " Title 1 " > Content Section </ AccordionItem >
< AccordionItem title = " Title 2 " > Content Section </ AccordionItem >
< AccordionItem title = " Title 3 " > Content Section </ AccordionItem >
</ Accordion >
property propType required default description children node Pass in the children that will be rendered within the Accordion className string Specify an optional className to be applied to the container node
property propType required default description title node ‘title’ The accordion title renderExpando func props => <button {…props} /> The callback function to render the expando button. Can be a React component class. iconDescription string ‘Expand/Collapse’ The description of the expando icon open bool false true to open the expandoonClick func () => {} The handler of the massaged click event. onHeadingClick func () => {} The handler of the massaged click event on the heading. children node Provide the contents of your AccordionItem className string Specify an optional className to be applied to the container node