Skip to main content

MoleculeAccordion

The accordion is the component that contains collapsible components that allows the user to expand or collapse the content. We use this component to reduce the content of a page or section.

Installation​

$ npm install @s-ui/react-molecule-accordion --save

Usage​

import MoleculeAccordion from '@s-ui/react-molecule-accordion'

Basic usage​

<MoleculeAccordion behavior={moleculeAccordionBehavior.SINGLE}>
  <AccordionItem
    value="value-1"
    label="Accordion Item Label 1"
    content="content 1"
  />
  <AccordionItem
  value="value-2"
  label="Accordion Item Label 2"
  content="content 2"
  />
</MoleculeAccordion>

Find full description and more examples in the demo page.