aesthetic-accordion

This is An accordion UI component used to display a list of items, each of which can be expanded or collapsed to reveal or hide associated content.

Authors

• @rafi10hasan

Installation

Install my-package with npm

1  npm i aesthetic-accordion
2

Usage/Examples

1import {Accordion,AccordionItem,AccordionTitle,AccordionContent} from 'aesthetic-accordion'
2
3function App() {
4  return 
5  <> 
6   <Accordion allowMultiple={false}>
7        <AccordionItem accIndex={0}>
8          <AccordionTitle>title1</AccordionTitle>
9          <AccordionContent>content1</AccordionContent>
10        </AccordionItem>
11        <AccordionItem accIndex={1}>
12          <AccordionTitle>title2</AccordionTitle>
13          <AccordionContent>content2</AccordionContent>
14        </AccordionItem>
15        <AccordionItem accIndex={2}>
16          <AccordionTitle>title3</AccordionTitle>
17          <AccordionContent>content3</AccordionContent>
18        </AccordionItem>
19      </Accordion>
20  </>
21}