Accordion / React

Groups related long content into sections shown one at a time.

To implement Accordion component into your project you’ll need to the import the Accordion and the AccordionSection:

import Accordion, { AccordionSection } from "@kiwicom/orbit-components/lib/Accordion";

After adding import into your project you can use it simply like:

<Accordion>
  <AccordionSection>Hello World!</AccordionSection>
</Accordion>

Name	Type	Description
children	`React.ReactNode`	The content of the Accordion. You can use only AccordionSection
expandedSection	`string \| number`	Optional prop to control which AccordionSection (by id) is expanded
loading	`boolean`	If true it will render the Loading component
onExpand	`(sectionId: string \| number) => void \| Promise<any>`	Callback (along with sectionId) that is triggered when section is expanding
dataTest	`string`
spaceAfter	`"none" \| "smallest" \| "small" \| "normal" \| "medium" \| "large" \| "largest"`

Callback
`() => void \| Promise<void>`