1.1.0 • Published 3 years ago

react-zaw-collapse v1.1.0

Weekly downloads
140
License
MIT
Repository
github
Last release
3 years ago

react-zaw-collapse

react accordion/collapse ui component

npm bundle size GitHub Workflow Status version

  • accessible
  • supports nested accordions
  • responsive

Install

npm i react-zaw-collapse

Demo

https://zawette.github.io/react-collapse/

Usage

import Collapse from 'react-zaw-collapse';

<Collapse
  header="test Header"
  className="myAccordion"
  onClick={prevState => console.log(prevState)}
>
  Officia excepteur est velit tempor voluptate laborum excepteur ad enim duis
  velit velit velit exercitation. Sunt mollit nisi minim sint amet culpa nisi
  laborum velit. Ipsum laboris voluptate dolor ex sint nisi cillum occaecat
  deserunt eiusmod labore elit. Excepteur minim fugiat officia consectetur
  laboris commodo. Eiusmod occaecat deserunt ullamco ea aute. Cillum deserunt
  est eiusmod ipsum occaecat occaecat magna veniam ad aliqua anim nisi qui.
</Collapse>;

API

nametypedefaultdescription
headerstring or nodeheader of accordion
durationnumber700transition duration
aria-levelnumber3heading level in the document structure
classNamestringcustom className
initExpandedbooleanfalsewhether the accordion is expanded initially
isExpandedbooleancontrolled accordion
disabledbooleandisable accordion
onClick(prevState: boolean) => any;called whe the accordion is toggled
headerTemplate(headerContent: ReactNode,isExpanded:boolean) => ReactNodecustom header template (to change the expand icon for example)
1.1.0

3 years ago

1.0.1

3 years ago

1.0.0

3 years ago

0.1.4

4 years ago

0.1.2

4 years ago

0.1.1

4 years ago

0.1.3

4 years ago

0.1.0

4 years ago