{"id":23150141,"url":"https://github.com/zawette/react-collapse","last_synced_at":"2026-05-15T12:04:22.491Z","repository":{"id":40674773,"uuid":"282296865","full_name":"zawette/react-collapse","owner":"zawette","description":"react accordion component","archived":false,"fork":false,"pushed_at":"2023-03-05T20:59:09.000Z","size":4815,"stargazers_count":0,"open_issues_count":16,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-05-09T15:42:06.785Z","etag":null,"topics":["accordion","collapse","react","typescript"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/zawette.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2020-07-24T19:07:23.000Z","updated_at":"2022-03-05T00:51:27.000Z","dependencies_parsed_at":"2025-04-04T14:42:34.935Z","dependency_job_id":"2f35f53d-6098-4472-92cc-d5f567a2cd71","html_url":"https://github.com/zawette/react-collapse","commit_stats":null,"previous_names":[],"tags_count":2,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zawette%2Freact-collapse","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zawette%2Freact-collapse/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zawette%2Freact-collapse/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zawette%2Freact-collapse/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/zawette","download_url":"https://codeload.github.com/zawette/react-collapse/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zawette%2Freact-collapse/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":259136980,"owners_count":22810579,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["accordion","collapse","react","typescript"],"created_at":"2024-12-17T18:16:24.331Z","updated_at":"2026-05-15T12:04:17.437Z","avatar_url":"https://github.com/zawette.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# react-zaw-collapse\n\nreact accordion/collapse ui component\n\n![npm bundle size](https://img.shields.io/bundlephobia/minzip/react-zaw-collapse)\n![GitHub Workflow Status](https://img.shields.io/github/workflow/status/zawette/react-collapse/CI)\n![version](https://img.shields.io/npm/v/react-zaw-collapse)\n\n- accessible\n- supports nested accordions\n- responsive\n\n## Install\n\n\u003e npm i react-zaw-collapse\n\n## Demo\n\nhttps://zawette.github.io/react-collapse/\n\n## Usage\n\n```jsx\nimport Collapse from 'react-zaw-collapse';\n\n\u003cCollapse\n  header=\"test Header\"\n  className=\"myAccordion\"\n  onClick={prevState =\u003e console.log(prevState)}\n\u003e\n  Officia excepteur est velit tempor voluptate laborum excepteur ad enim duis\n  velit velit velit exercitation. Sunt mollit nisi minim sint amet culpa nisi\n  laborum velit. Ipsum laboris voluptate dolor ex sint nisi cillum occaecat\n  deserunt eiusmod labore elit. Excepteur minim fugiat officia consectetur\n  laboris commodo. Eiusmod occaecat deserunt ullamco ea aute. Cillum deserunt\n  est eiusmod ipsum occaecat occaecat magna veniam ad aliqua anim nisi qui.\n\u003c/Collapse\u003e;\n```\n\n## API\n\n| name           | type                                                       | default | description                                                    |\n| -------------- | ---------------------------------------------------------- | ------- | -------------------------------------------------------------- |\n| header         | string or node                                             |         | header of accordion                                            |\n| duration       | number                                                     | 700     | transition duration                                            |\n| aria-level     | number                                                     | 3       | heading level in the document structure                        |\n| className      | string                                                     |         | custom className                                               |\n| initExpanded   | boolean                                                    | false   | whether the accordion is expanded initially                    |\n| isExpanded     | boolean                                                    |         | controlled accordion                                           |\n| disabled       | boolean                                                    |         | disable accordion                                              |\n| onClick        | (prevState: boolean) =\u003e any;                               |         | called whe the accordion is toggled                            |\n| headerTemplate | (headerContent: ReactNode,isExpanded:boolean) =\u003e ReactNode |         | custom header template (to change the expand icon for example) |\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fzawette%2Freact-collapse","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fzawette%2Freact-collapse","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fzawette%2Freact-collapse/lists"}