@starnavi/react-accordion

react-accordion

Customizable and simple accordion

Installation

npm install @starnavi/react-accordion

or

yarn add @starnavi/react-accordion

Usage sample

 import { Accordion, AccordionGroup, AccordionGroupTitle, AccordionGroupBody } from '@starnavi/react-accordion'

 export default () => (
     <Accordion>
         <AccordionGroup>
             <AccordionGroupTitle>
                 Title to click on
             </AccordionGroupTitle>
             <AccordionGroupBody>
                 Body part, you can put here any element you want
             </AccordionGroupBody>
         </AccordionGroup>
     </Accordion>
 );

Styling

react-accordion does not have any styles by default, you are free to pass to it's components your custom styles or/and classNames

Components:

<Accordion />

Additional props:

style:object

className: string

Pass your custom style and/or className to style rendered <div /> of Accordion

<AccordionGroup />

Additional props:

style:object

className: string

Pass your custom style and/or className to style rendered <div /> of AccordionGroup

<AccordionGroupTitle />

Additional props:

style:object

className: string

Pass your custom style and/or className to style rendered <div /> of AccordionGroupTitle

<AccordionGroupBody />

Additional props:

style:object

className: string

Pass your custom style and/or className to style rendered <div /> of AccordionGroupBody