@myntra/uikit-component-accordion v1.13.96

import Accordion from './src/accordion'

Accordion

const style = { margin: '1rem', padding: '3rem 1rem', background: '#cecece' };

<Accordion>
  <Accordion.Item title="One">
    <div style={style}>First component</div>
  </Accordion.Item>
  <Accordion.Item title="Two">
    <div style={style}>Second component</div>
  </Accordion.Item>
  <Accordion.Item title="Three">
    <div style={style}>Third component</div>
  </Accordion.Item>
 </Accordion>

Sub-components

Accordion.Item

const style = { margin: '1rem', padding: '3rem 1rem', background: '#cecece' };

<Accordion>
  <Accordion.Item title="One">
    <div style={style}>First component</div>
  </Accordion.Item>
</Accordion>