@livestd/react-accordion-control

react-render-counter

Basic control accordion component

Installation

npm install --save @livestd/react-accordion-control

Usage

you can use custom component for action button and content container

import Accordion, { ControllerPropsRequired, ContainerPropsRequired } from '@livestd/react-accordion-control';

const AccordionCustomController = ({ open, onClick }: ControllerPropsRequired) => (
  <div className={`${open && s.opened}`} onClick={onClick}>Expand</div>
);

const AccordionCostomContainer = ({ open, children }: ContainerPropsRequired) => (
  <div className={`${open && s.opened}`}>{children}</div>;
);

export default () => (
  <Accordion
    title="title"
    controller=AccordionCustomController
    container=AccordionCostomContainer
    children="content"
   />
)