1.0.9 • Published 4 years ago

@mihailgeorgiev94/react-accordion v1.0.9

Weekly downloads
9
License
MIT
Repository
github
Last release
4 years ago

React Accordion npm

Installation

npm i @mihailgeorgiev94/react-accordion

Example

import React from 'react';

import Accordion from '@mihailgeorgiev94/react-accordion'
import './App.css';

function App() {
  return (
    <div className="App">
      <div className="accordion-container">
        <Accordion allowMultipleOpen>
          <Accordion.Section title="Lorem">
            <p>
              Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et
              dolore magna aliqua
            </p>
          </Accordion.Section>
          <Accordion.Section isOpen title="Title">
            <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium,</p>
          </Accordion.Section>
        </Accordion>
      </div>
    </div>
  );
}

export default App;

API

Accordiontypedescription
allowMultipleOpenBooleanAllows for multiple sections to be open at the same time
Accordion.Sectiontypedescription
isOpenBooleanSpecifies default state for section. If allowMultipleOpen is false only the first section will be open
titleStringText for header of section
childrenString; Number; ElementDisplayed information in description of section