{"repo":"springload/react-accessible-accordion","free":true,"listed":false,"github":"https://github.com/springload/react-accessible-accordion","clone":"git clone https://github.com/springload/react-accessible-accordion.git","description":"Accessible Accordion component for React","language":"TypeScript","stars":785,"topics":["react","component","accordion","collapse","accessible","accessibility","hacktoberfest"],"license":"MIT","category":"ui-components","readme_excerpt":"react-accessible-accordion ========= ⚠️ Project status In most cases, you no longer need a JS library like this to render fully functional, accessible accordions. For that reason, this project is no longer maintained . This is because native HTML Disclosure (aka / ) elements are now widely supported. Native disclosures offer several advantages over any JS-based solutions. For instance: - Because there is no JS to download/parse, they are far more performant. - They are framework-agnostic, and will work the same way whether you're using React, [other framework], or plain old HTML. - Collapsed content can still be found via find-on-page ( ctrl / command + f ) in supporting browsers, including Chrome. Demo Try a demo now. Usage First, grab the package from npm: Then, import the editor and use it in your code. Here is a basic example: Styles We strongly encourage you to write your own styles for your accordions, but we've published the styles used on our demo page to help you get up and running: We recommend that you copy them into your own app and modify them to suit your needs, particularly if you're using your own className s. Component API Accordion allowMultipleExpanded : boolean [ optional , default: false ] Don't autocollapse items when expanding other items. allowZeroExpanded : boolean [ optional , default: false ] Allow the only remaining expanded item to be collapsed. preExpanded: string[] [ optional , default: [] ] Accepts an array of strings and any AccordionItem whos","default_branch":null,"files":null,"tree":[],"storefront":"/r/springload","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/springload/react-accessible-accordion/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}