{"_id":"@rc-component/collapse","_rev":"4537463","name":"@rc-component/collapse","description":"rc-collapse ui component for react","dist-tags":{"latest":"1.2.0"},"maintainers":[{"name":"afc163","email":""},{"name":"chenshuai2144","email":""},{"name":"madccc","email":""},{"name":"peachscript","email":""},{"name":"zombiej","email":""}],"time":{"modified":"2026-04-09T15:01:21.000Z","created":"2025-01-09T08:01:10.507Z","1.2.0":"2026-01-06T15:57:07.676Z","1.1.2":"2025-11-28T03:16:40.172Z","1.1.1":"2025-09-17T07:35:34.282Z","1.1.0":"2025-05-19T03:36:04.646Z","1.0.1":"2025-01-14T08:46:02.688Z","1.0.0":"2025-01-09T08:01:10.507Z"},"users":{},"repository":{"type":"git","url":"git+ssh://git@github.com/react-component/collapse.git"},"versions":{"1.2.0":{"name":"@rc-component/collapse","version":"1.2.0","description":"rc-collapse ui component for react","keywords":["react","react-component","react-rc-collapse","rc-collapse","collapse","accordion"],"homepage":"http://github.com/react-component/collapse","bugs":{"url":"http://github.com/react-component/collapse/issues"},"repository":{"type":"git","url":"git+ssh://git@github.com/react-component/collapse.git"},"license":"MIT","main":"./lib/index","module":"./es/index","typings":"es/index.d.ts","scripts":{"compile":"father build && lessc assets/index.less assets/index.css","coverage":"rc-test --coverage","docs:build":"dumi build","docs:deploy":"npm run docs:build && gh-pages -d dist","lint":"eslint src/ --ext .ts,.tsx,.jsx,.js,.md","prepare":"husky","now-build":"npm run docs:build","prepublishOnly":"npm run compile && rc-np","prettier":"prettier --write \"**/*.{ts,tsx,js,jsx,json,md}\"","postpublish":"npm run docs:deploy","start":"dumi dev","test":"rc-test"},"lint-staged":{"**/*.{ts,tsx,js,jsx,json,md}":"npm run prettier"},"dependencies":{"@babel/runtime":"^7.10.1","@rc-component/motion":"^1.1.4","@rc-component/util":"^1.3.0","clsx":"^2.1.1"},"devDependencies":{"@rc-component/father-plugin":"^2.0.1","@rc-component/np":"^1.0.4","@testing-library/jest-dom":"^6.1.4","@testing-library/react":"^16.3.0","@types/jest":"^29.4.0","@types/node":"^24.2.0","@types/react":"^19.1.4","@types/react-dom":"^19.1.5","@umijs/fabric":"^4.0.0","dumi":"^2.1.1","eslint":"^8.55.0","eslint-plugin-jest":"^29.0.1","eslint-plugin-unicorn":"^49.0.0","father":"^4.1.3","gh-pages":"^6.2.0","husky":"^9.0.0","jest":"^30.0.3","less":"^4.2.0","lint-staged":"^16.0.0","prettier":"^3.0.3","rc-test":"^7.0.14","react":"^19.1.0","react-dom":"^19.1.0","typescript":"^5.0.0"},"peerDependencies":{"react":">=18.0.0","react-dom":">=18.0.0"},"gitHead":"41fb47344cd7e2a918551b75e4e7fa07f1e4451d","_id":"@rc-component/collapse@1.2.0","_nodeVersion":"22.15.1","_npmVersion":"11.7.0","dist":{"shasum":"f4f041c0d0e97298b83aad8491fde9fe75b3ac48","size":9229,"noattachment":false,"key":"/@rc-component/collapse/-/@rc-component/collapse-1.2.0.tgz","tarball":"http://registry.cnpm.dingdandao.com/@rc-component/collapse/download/@rc-component/collapse-1.2.0.tgz"},"_npmUser":{"name":"zombiej","email":"smith3816@gmail.com"},"directories":{},"maintainers":[{"name":"afc163","email":""},{"name":"chenshuai2144","email":""},{"name":"madccc","email":""},{"name":"peachscript","email":""},{"name":"zombiej","email":""}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/collapse_1.2.0_1767715027542_0.640473781296981"},"_hasShrinkwrap":false,"_cnpmcore_publish_time":"2026-01-06T15:57:07.676Z","publish_time":1767715027676,"_source_registry_name":"default","_cnpm_publish_time":1767715027676},"1.1.2":{"name":"@rc-component/collapse","version":"1.1.2","description":"rc-collapse ui component for react","keywords":["react","react-component","react-rc-collapse","rc-collapse","collapse","accordion"],"homepage":"http://github.com/react-component/collapse","bugs":{"url":"http://github.com/react-component/collapse/issues"},"repository":{"type":"git","url":"git+ssh://git@github.com/react-component/collapse.git"},"license":"MIT","main":"./lib/index","module":"./es/index","typings":"es/index.d.ts","scripts":{"compile":"father build && lessc assets/index.less assets/index.css","coverage":"rc-test --coverage","docs:build":"dumi build","docs:deploy":"npm run docs:build && gh-pages -d dist","lint":"eslint src/ --ext .ts,.tsx,.jsx,.js,.md","prepare":"husky","now-build":"npm run docs:build","prepublishOnly":"npm run compile && rc-np","prettier":"prettier --write \"**/*.{ts,tsx,js,jsx,json,md}\"","postpublish":"npm run docs:deploy","start":"dumi dev","test":"rc-test"},"lint-staged":{"**/*.{ts,tsx,js,jsx,json,md}":"npm run prettier"},"dependencies":{"@babel/runtime":"^7.10.1","@rc-component/motion":"^1.1.4","@rc-component/util":"^1.3.0","clsx":"^2.1.1"},"devDependencies":{"@rc-component/father-plugin":"^2.0.1","@rc-component/np":"^1.0.4","@testing-library/jest-dom":"^6.1.4","@testing-library/react":"^16.3.0","@types/jest":"^29.4.0","@types/node":"^24.2.0","@types/react":"^19.1.4","@types/react-dom":"^19.1.5","@umijs/fabric":"^4.0.0","dumi":"^2.1.1","eslint":"^8.55.0","eslint-plugin-jest":"^29.0.1","eslint-plugin-unicorn":"^49.0.0","father":"^4.1.3","gh-pages":"^6.2.0","husky":"^9.0.0","jest":"^30.0.3","less":"^4.2.0","lint-staged":"^16.0.0","prettier":"^3.0.3","rc-test":"^7.0.14","react":"^19.1.0","react-dom":"^19.1.0","typescript":"^5.0.0"},"peerDependencies":{"react":">=18.0.0","react-dom":">=18.0.0"},"_id":"@rc-component/collapse@1.1.2","gitHead":"ae299406f3cb7273cd505516f33dd7db61b7bb28","_nodeVersion":"22.8.0","_npmVersion":"11.6.0","dist":{"shasum":"7e0ff96a8292600bf774584257c9dc283891aea3","size":9015,"noattachment":false,"key":"/@rc-component/collapse/-/@rc-component/collapse-1.1.2.tgz","tarball":"http://registry.cnpm.dingdandao.com/@rc-component/collapse/download/@rc-component/collapse-1.1.2.tgz"},"_npmUser":{"name":"afc163","email":"afc163@gmail.com"},"directories":{},"maintainers":[{"name":"afc163","email":""},{"name":"chenshuai2144","email":""},{"name":"madccc","email":""},{"name":"peachscript","email":""},{"name":"zombiej","email":""}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/collapse_1.1.2_1764299799976_0.5069314892824128"},"_hasShrinkwrap":false,"_cnpmcore_publish_time":"2025-11-28T03:16:40.172Z","publish_time":1764299800172,"_source_registry_name":"default","_cnpm_publish_time":1764299800172},"1.1.1":{"name":"@rc-component/collapse","version":"1.1.1","description":"rc-collapse ui component for react","keywords":["react","react-component","react-rc-collapse","rc-collapse","collapse","accordion"],"homepage":"http://github.com/react-component/collapse","bugs":{"url":"http://github.com/react-component/collapse/issues"},"repository":{"type":"git","url":"git+ssh://git@github.com/react-component/collapse.git"},"license":"MIT","main":"./lib/index","module":"./es/index","typings":"es/index.d.ts","scripts":{"compile":"father build && lessc assets/index.less assets/index.css","coverage":"rc-test --coverage","docs:build":"dumi build","docs:deploy":"npm run docs:build && gh-pages -d dist","lint":"eslint src/ --ext .ts,.tsx,.jsx,.js,.md","prepare":"husky","now-build":"npm run docs:build","prepublishOnly":"npm run compile && rc-np","prettier":"prettier --write \"**/*.{ts,tsx,js,jsx,json,md}\"","postpublish":"npm run docs:deploy","start":"dumi dev","test":"rc-test"},"lint-staged":{"**/*.{ts,tsx,js,jsx,json,md}":"npm run prettier"},"dependencies":{"@babel/runtime":"^7.10.1","@rc-component/motion":"^1.1.4","@rc-component/util":"^1.3.0","classnames":"2.x"},"devDependencies":{"@rc-component/father-plugin":"^2.0.1","@rc-component/np":"^1.0.4","@testing-library/jest-dom":"^6.1.4","@testing-library/react":"^16.3.0","@testing-library/user-event":"^14.5.2","@types/classnames":"^2.2.9","@types/jest":"^29.4.0","@types/node":"^24.2.0","@types/react":"^19.1.4","@types/react-dom":"^19.1.5","@umijs/fabric":"^4.0.0","dumi":"^2.1.1","eslint":"^8.55.0","eslint-plugin-jest":"^28.11.0","eslint-plugin-unicorn":"^49.0.0","father":"^4.1.3","gh-pages":"^6.2.0","husky":"^9.0.0","jest":"^30.0.3","less":"^4.2.0","lint-staged":"^16.0.0","prettier":"^3.0.3","rc-test":"^7.0.14","react":"^19.1.0","react-dom":"^19.1.0","typescript":"^5.0.0"},"peerDependencies":{"react":">=18.0.0","react-dom":">=18.0.0"},"_id":"@rc-component/collapse@1.1.1","gitHead":"b6f4f5b8fc4c12c02e34db11367a39addecc7fda","_nodeVersion":"22.15.1","_npmVersion":"10.9.2","dist":{"shasum":"857bbf38803b9fb12b97ae4c9a9f9cb12db2c7d8","size":9016,"noattachment":false,"key":"/@rc-component/collapse/-/@rc-component/collapse-1.1.1.tgz","tarball":"http://registry.cnpm.dingdandao.com/@rc-component/collapse/download/@rc-component/collapse-1.1.1.tgz"},"_npmUser":{"name":"zombiej","email":"smith3816@gmail.com"},"directories":{},"maintainers":[{"name":"afc163","email":""},{"name":"chenshuai2144","email":""},{"name":"madccc","email":""},{"name":"peachscript","email":""},{"name":"zombiej","email":""}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/collapse_1.1.1_1758094534096_0.23250313448917548"},"_hasShrinkwrap":false,"_cnpmcore_publish_time":"2025-09-17T07:35:34.282Z","publish_time":1758094534282,"_source_registry_name":"default","_cnpm_publish_time":1758094534282},"1.1.0":{"name":"@rc-component/collapse","version":"1.1.0","description":"rc-collapse ui component for react","keywords":["react","react-component","react-rc-collapse","rc-collapse","collapse","accordion"],"homepage":"http://github.com/react-component/collapse","bugs":{"url":"http://github.com/react-component/collapse/issues"},"repository":{"type":"git","url":"git+ssh://git@github.com/react-component/collapse.git"},"license":"MIT","main":"./lib/index","module":"./es/index","typings":"es/index.d.ts","scripts":{"compile":"father build && lessc assets/index.less assets/index.css","coverage":"rc-test --coverage","docs:build":"dumi build","docs:deploy":"npm run docs:build && gh-pages -d dist","lint":"eslint src/ --ext .ts,.tsx,.jsx,.js,.md","prepare":"husky","now-build":"npm run docs:build","prepublishOnly":"npm run compile && rc-np","prettier":"prettier --write \"**/*.{ts,tsx,js,jsx,json,md}\"","postpublish":"npm run docs:deploy","start":"dumi dev","test":"rc-test"},"lint-staged":{"**/*.{ts,tsx,js,jsx,json,md}":"npm run prettier"},"dependencies":{"@babel/runtime":"^7.10.1","@rc-component/motion":"^1.1.4","@rc-component/util":"^1.0.1","classnames":"2.x"},"devDependencies":{"@rc-component/father-plugin":"^2.0.1","@rc-component/np":"^1.0.4","@testing-library/jest-dom":"^6.1.4","@testing-library/react":"^16.3.0","@testing-library/user-event":"^14.5.2","@types/classnames":"^2.2.9","@types/jest":"^29.4.0","@types/node":"^22.15.18","@types/react":"^19.1.4","@types/react-dom":"^19.1.5","@umijs/fabric":"^4.0.0","dumi":"^2.1.1","eslint":"^8.55.0","eslint-plugin-jest":"^27.6.0","eslint-plugin-unicorn":"^49.0.0","father":"^4.1.3","gh-pages":"^6.2.0","husky":"^9.0.0","jest":"^29.1.2","less":"^4.2.0","lint-staged":"^15.0.2","prettier":"^3.0.3","rc-test":"^7.0.14","react":"^19.1.0","react-dom":"^19.1.0","typescript":"^5.0.0"},"peerDependencies":{"react":">=18.0.0","react-dom":">=18.0.0"},"_id":"@rc-component/collapse@1.1.0","gitHead":"da6f7fac24b614dc8ce64219fec75cfcbc05c089","_nodeVersion":"22.5.1","_npmVersion":"10.8.2","dist":{"shasum":"87764d8b4ad255be2dc6ea171553fa2ca64c7c50","size":8944,"noattachment":false,"key":"/@rc-component/collapse/-/@rc-component/collapse-1.1.0.tgz","tarball":"http://registry.cnpm.dingdandao.com/@rc-component/collapse/download/@rc-component/collapse-1.1.0.tgz"},"_npmUser":{"name":"zombiej","email":"smith3816@gmail.com"},"directories":{},"maintainers":[{"name":"afc163","email":""},{"name":"chenshuai2144","email":""},{"name":"madccc","email":""},{"name":"peachscript","email":""},{"name":"zombiej","email":""}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/collapse_1.1.0_1747625764415_0.47077693966920786"},"_hasShrinkwrap":false,"_cnpmcore_publish_time":"2025-05-19T03:36:04.646Z","publish_time":1747625764646,"_source_registry_name":"default","_cnpm_publish_time":1747625764646},"1.0.1":{"name":"@rc-component/collapse","version":"1.0.1","description":"rc-collapse ui component for react","keywords":["react","react-component","react-rc-collapse","rc-collapse","collapse","accordion"],"homepage":"http://github.com/react-component/collapse","bugs":{"url":"http://github.com/react-component/collapse/issues"},"repository":{"type":"git","url":"git+ssh://git@github.com/react-component/collapse.git"},"license":"MIT","main":"./lib/index","module":"./es/index","typings":"es/index.d.ts","scripts":{"compile":"father build && lessc assets/index.less assets/index.css","coverage":"rc-test --coverage","docs:build":"dumi build","docs:deploy":"npm run docs:build && gh-pages -d .doc","lint":"eslint src/ --ext .ts,.tsx,.jsx,.js,.md","prepare":"husky","now-build":"npm run docs:build","prepublishOnly":"npm run compile && np --yolo --no-publish","prettier":"prettier --write \"**/*.{ts,tsx,js,jsx,json,md}\"","postpublish":"npm run docs:deploy","start":"dumi dev","test":"rc-test"},"lint-staged":{"**/*.{ts,tsx,js,jsx,json,md}":"npm run prettier"},"dependencies":{"@babel/runtime":"^7.10.1","@rc-component/util":"^1.0.1","classnames":"2.x","rc-motion":"^2.3.4"},"devDependencies":{"@rc-component/father-plugin":"^2.0.1","@testing-library/jest-dom":"^6.1.4","@testing-library/react":"^14.1.2","@testing-library/user-event":"^14.5.2","@types/classnames":"^2.2.9","@types/jest":"^29.4.0","@types/react":"^18.0.0","@types/react-dom":"^18.0.0","@umijs/fabric":"^4.0.0","dumi":"^2.1.1","eslint":"^8.55.0","eslint-plugin-jest":"^27.6.0","eslint-plugin-unicorn":"^49.0.0","father":"^4.1.3","gh-pages":"^6.2.0","husky":"^9.0.0","jest":"^29.1.2","less":"^4.2.0","lint-staged":"^15.0.2","np":"^9.1.0","prettier":"^3.0.3","rc-test":"^7.0.14","react":"^18.2.0","react-dom":"^18.2.0","typescript":"^5.0.0"},"peerDependencies":{"react":">=16.9.0","react-dom":">=16.9.0"},"_id":"@rc-component/collapse@1.0.1","gitHead":"74a99fee9d4dc52ff71b6d51604bf530fba9073a","_nodeVersion":"22.5.1","_npmVersion":"10.8.2","dist":{"shasum":"5200d918568b1d8f62cd6fe70ee290bdd776cb3c","size":8920,"noattachment":false,"key":"/@rc-component/collapse/-/@rc-component/collapse-1.0.1.tgz","tarball":"http://registry.cnpm.dingdandao.com/@rc-component/collapse/download/@rc-component/collapse-1.0.1.tgz"},"_npmUser":{"name":"zombiej","email":"smith3816@gmail.com"},"directories":{},"maintainers":[{"name":"afc163","email":""},{"name":"chenshuai2144","email":""},{"name":"madccc","email":""},{"name":"peachscript","email":""},{"name":"zombiej","email":""}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/collapse_1.0.1_1736844362507_0.32821586561667515"},"_hasShrinkwrap":false,"_cnpmcore_publish_time":"2025-01-14T08:46:02.688Z","publish_time":1736844362688,"_source_registry_name":"default","_cnpm_publish_time":1736844362688},"1.0.0":{"name":"@rc-component/collapse","version":"1.0.0","description":"rc-collapse ui component for react","keywords":["react","react-component","react-rc-collapse","rc-collapse","collapse","accordion"],"homepage":"http://github.com/react-component/collapse","bugs":{"url":"http://github.com/react-component/collapse/issues"},"repository":{"type":"git","url":"git+ssh://git@github.com/react-component/collapse.git"},"license":"MIT","main":"./lib/index","module":"./es/index","typings":"es/index.d.ts","scripts":{"compile":"father build && lessc assets/index.less assets/index.css","coverage":"rc-test --coverage","docs:build":"dumi build","docs:deploy":"npm run docs:build && gh-pages -d .doc","lint":"eslint src/ --ext .ts,.tsx,.jsx,.js,.md","prepare":"husky","now-build":"npm run docs:build","prepublishOnly":"npm run compile && np --yolo --no-publish","prettier":"prettier --write \"**/*.{ts,tsx,js,jsx,json,md}\"","postpublish":"npm run docs:deploy","start":"dumi dev","test":"rc-test"},"lint-staged":{"**/*.{ts,tsx,js,jsx,json,md}":"npm run prettier"},"dependencies":{"@babel/runtime":"^7.10.1","@rc-component/util":"^1.0.1","classnames":"2.x","rc-motion":"^2.3.4"},"devDependencies":{"@rc-component/father-plugin":"^2.0.1","@testing-library/jest-dom":"^6.1.4","@testing-library/react":"^14.1.2","@testing-library/user-event":"^14.5.2","@types/classnames":"^2.2.9","@types/jest":"^29.4.0","@types/react":"^18.0.0","@types/react-dom":"^18.0.0","@umijs/fabric":"^4.0.0","dumi":"^2.1.1","eslint":"^8.55.0","eslint-plugin-jest":"^27.6.0","eslint-plugin-unicorn":"^49.0.0","father":"^4.1.3","gh-pages":"^6.2.0","husky":"^9.0.0","jest":"^29.1.2","less":"^4.2.0","lint-staged":"^15.0.2","np":"^9.1.0","prettier":"^3.0.3","rc-test":"^7.0.14","react":"^18.2.0","react-dom":"^18.2.0","typescript":"^5.0.0"},"peerDependencies":{"react":">=16.9.0","react-dom":">=16.9.0"},"_id":"@rc-component/collapse@1.0.0","gitHead":"f0b2c7f1fce6ca96ded0d744640702dd4815729e","_nodeVersion":"22.5.1","_npmVersion":"10.8.2","dist":{"shasum":"e7b0583e4993d1aa612b178658c321997961fbe0","size":8878,"noattachment":false,"key":"/@rc-component/collapse/-/@rc-component/collapse-1.0.0.tgz","tarball":"http://registry.cnpm.dingdandao.com/@rc-component/collapse/download/@rc-component/collapse-1.0.0.tgz"},"_npmUser":{"name":"zombiej","email":"smith3816@gmail.com"},"directories":{},"maintainers":[{"name":"afc163","email":""},{"name":"chenshuai2144","email":""},{"name":"madccc","email":""},{"name":"peachscript","email":""},{"name":"zombiej","email":""}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/collapse_1.0.0_1736409670347_0.9565358750306905"},"_hasShrinkwrap":false,"_cnpmcore_publish_time":"2025-01-09T08:01:10.507Z","publish_time":1736409670507,"_source_registry_name":"default","_cnpm_publish_time":1736409670507}},"readme":"# rc-collapse\n\nrc-collapse ui component for react\n\n[![NPM version][npm-image]][npm-url] [![build status][github-actions-image]][github-actions-url] [![Test coverage][codecov-image]][codecov-url] [![npm download][download-image]][download-url]\n\n[npm-image]: http://img.shields.io/npm/v/rc-collapse.svg?style=flat-square\n[npm-url]: http://npmjs.org/package/rc-collapse\n[github-actions-image]: https://github.com/react-component/collapse/workflows/CI/badge.svg\n[github-actions-url]: https://github.com/react-component/collapse/actions\n[codecov-image]: https://img.shields.io/codecov/c/github/react-component/collapse/master.svg?style=flat-square\n[codecov-url]: https://app.codecov.io/gh/react-component/collapse\n[download-image]: https://img.shields.io/npm/dm/rc-collapse.svg?style=flat-square\n[download-url]: https://npmjs.org/package/rc-collapse\n\n## Live Demo\n\nhttps://collapse-react-component.vercel.app\n\n## Install\n\n[![rc-collapse](https://nodei.co/npm/rc-collapse.png)](https://npmjs.org/package/rc-collapse)\n\n## Usage\n\n```js\nvar Collapse = require('rc-collapse');\nvar Panel = Collapse.Panel;\nvar React = require('react');\nvar ReactDOM = require('react-dom');\nrequire('rc-collapse/assets/index.css');\n\nvar App = (\n  <Collapse accordion={true}>\n    <Panel header=\"hello\" headerClass=\"my-header-class\">\n      this is panel content\n    </Panel>\n    <Panel header=\"title2\">this is panel content2 or other</Panel>\n  </Collapse>\n);\nReactDOM.render(App, container);\n```\n\n## Features\n\n- support ie8,ie8+,chrome,firefox,safari\n\n## API\n\n### Collapse props\n\n<table class=\"table table-bordered table-striped\">\n    <thead>\n    <tr>\n        <th style=\"width: 100px;\">name</th>\n        <th style=\"width: 50px;\">type</th>\n        <th>default</th>\n        <th>description</th>\n    </tr>\n    </thead>\n    <tbody>\n      <tr>\n          <td>activeKey</td>\n          <td>String|Array<String></td>\n          <th>The first panel key</th>\n          <td>current active Panel key</td>\n      </tr>\n      <tr>\n        <td>className</td>\n        <td>String or object</td>\n        <th></th>\n        <td>custom className to apply</td>\n      </tr>\n      <tr>\n          <td>defaultActiveKey</td>\n          <td>String|Array<String></td>\n          <th>null</th>\n          <td>default active key</td>\n      </tr>\n      <tr>\n          <td>destroyOnHidden</td>\n          <td>Boolean</td>\n          <th>false</th>\n          <td>If destroy the panel which not active, default false. </td>\n      </tr>\n      <tr>\n          <td>accordion</td>\n          <td>Boolean</td>\n          <th>false</th>\n          <td>accordion mode, default is null, is collapse mode</td>\n      </tr>\n      <tr>\n          <td>onChange</td>\n          <td>Function(key)</td>\n          <th>noop</th>\n          <td>called when collapse Panel is changed</td>\n      </tr>\n      <tr>\n          <td>expandIcon</td>\n          <td>(props: PanelProps) => ReactNode</td>\n          <th></th>\n          <td>specific the custom expand icon.</td>\n      </tr>\n      <tr>\n          <td>collapsible</td>\n          <td>'header' | 'icon' | 'disabled'</td>\n          <th>-</th>\n          <td>specify whether the panel of children is collapsible or the area of collapsible.</td>\n      </tr>\n      <tr>\n          <td>items</td>\n          <td>\n            <a href=\"./src/interface.ts#ItemType\">interface.ts#ItemType</a>\n          </td>\n          <th>-</th>\n          <td>collapse items content</td>\n      </tr>\n    </tbody>\n</table>\n\nIf `accordion` is null or false, every panel can open. Opening another panel will not close any of the other panels. `activeKey` should be an string, if passing an array (the first item in the array will be used).\n\nIf `accordion` is true, only one panel can be open. Opening another panel will cause the previously opened panel to close. `activeKey` should be an string, if passing an array (the first item in the array will be used).\n\n### Collapse.Panel props\n\n> **deprecated** use `items` instead, will be removed in `v4.0.0`\n\n<table class=\"table table-bordered table-striped\">\n    <thead>\n    <tr>\n        <th style=\"width: 100px;\">name</th>\n        <th style=\"width: 200px;\">type</th>\n        <th>default</th>\n        <th>description</th>\n    </tr>\n    </thead>\n    <tbody>\n      <tr>\n          <td>header</td>\n          <td>String or node</td>\n          <th></th>\n          <td>header content of Panel</td>\n      </tr>\n      <tr>\n          <td>headerClass</td>\n          <td>String</td>\n          <th>' '</th>\n          <td>custom className to apply to header</td>\n      </tr>\n      <tr>\n          <td>showArrow</td>\n          <td>boolean</td>\n          <th>true</th>\n          <td>show arrow beside header</td>\n      </tr>\n      <tr>\n        <td>className</td>\n        <td>String or object</td>\n        <th></th>\n        <td>custom className to apply</td>\n      </tr>\n      <tr>\n        <td>classNames</td>\n        <td>{ header?: string, body?: string }</td>\n        <th></th>\n        <td>Semantic structure className</td>\n      </tr>\n      <tr>\n        <td>style</td>\n        <td>object</td>\n        <th></th>\n        <td>custom style</td>\n      </tr>\n      <tr>\n        <td>styles</td>\n        <td>{ header?: React.CSSProperties, body?: React.CSSProperties }</td>\n        <th></th>\n        <td>Semantic structure styles</td>\n      </tr>\n      <tr>\n        <td>openMotion</td>\n        <td>object</td>\n        <th></th>\n        <td>set the animation of open behavior, [more](https://github.com/react-component/motion). Different with v2, closed pane use a `rc-collapse-content-hidden` class to set `display: none` for hidden.</td>\n      </tr>\n      <tr>\n        <td>forceRender</td>\n        <td>boolean</td>\n        <th>false</th>\n        <td>forced render of content in panel, not lazy render after clicking on header</td>\n      </tr>\n      <tr>\n          <td>extra</td>\n          <td>String | ReactNode</td>\n          <th></th>\n          <td>Content to render in the right of the panel header</td>\n      </tr>\n      <tr>\n          <td>collapsible</td>\n          <td>'header' | 'icon' | 'disabled'</td>\n          <th>-</th>\n          <td>specify whether the panel be collapsible or the area of collapsible.</td>\n      </tr>\n    </tbody>\n</table>\n\n> `disabled` is removed since 3.0.0, please use `collapsible=disabled` replace it.\n\n#### key\n\nIf `key` is not provided, the panel's index will be used instead.\n\n#### KeyBoard Event\n\nBy default, Collapse will listen `onKeyDown`(<3.7.0 `onKeyPress`) event with `enter` key to toggle panel's active state when `collapsible` is not `disabled`. If you want to disable this behavior, you can prevent the event from bubbling like this:\n\n```tsx | pure\nconst App = () => {\n  const items: CollapseProps['items'] = [\n    {\n      label: <input onKeyDown={(e) => e.stopPropagation()} />,\n      children: 'content',\n    },\n    {\n      label: (\n        <div onKeyDown={(e) => e.stopPropagation()}>\n          <CustomComponent />\n        </div>\n      ),\n      children: 'content',\n    },\n    {\n      label: 'title 2',\n      children: 'content 2',\n      collapsible: 'disabled',\n    },\n    {\n      label: 'title 3',\n      children: 'content 3',\n      onItemClick: console.log,\n    },\n  ];\n\n  return <Collapse items={items} />;\n};\n```\n\n## Development\n\n```bash\nnpm install\nnpm start\n```\n\n## Test Case\n\n```bash\nnpm test\n```\n\n## Coverage\n\n```bash\nnpm test -- --coverage\n```\n\n## License\n\nrc-collapse is released under the MIT license.\n","_attachments":{},"homepage":"http://github.com/react-component/collapse","bugs":{"url":"http://github.com/react-component/collapse/issues"},"license":"MIT"}