{"_id":"@antonyben006/reactjs-tabbedpane-component","name":"@antonyben006/reactjs-tabbedpane-component","dist-tags":{"latest":"1.0.21"},"versions":{"1.0.21":{"name":"@antonyben006/reactjs-tabbedpane-component","version":"1.0.21","description":"A tabbed pane component using React.js","author":{"name":"antonyben"},"license":"MIT","repository":{"type":"git","url":"git+https://github.com/antonyben006/reactjs-tabbedpane-component.git"},"main":"dist/index.js","module":"dist/index.modern.js","source":"src/index.js","engines":{"node":">=10"},"scripts":{"build":"microbundle-crl --no-compress --format modern,cjs","start":"microbundle-crl watch --no-compress --format modern,cjs","lint":"eslint 'src/**/*.js?(x)'","prepare":"run-s build","test":"run-s test:unit test:build","test:build":"run-s build","test:lint":"eslint .","test:unit":"cross-env CI=1 react-scripts test --env=jsdom","test:watch":"react-scripts test --env=jsdom","predeploy":"cd example && npm install && npm run build","deploy":"gh-pages -d example/build"},"peerDependencies":{"react":">16.0.0"},"devDependencies":{"babel-eslint":"^10.0.3","cross-env":"^7.0.2","eslint":"^7.32.0","eslint-config-prettier":"^6.7.0","eslint-config-standard":"^14.1.0","eslint-config-standard-react":"^9.2.0","eslint-plugin-import":"^2.18.2","eslint-plugin-node":"^11.0.0","eslint-plugin-prettier":"^3.1.1","eslint-plugin-promise":"^4.2.1","eslint-plugin-react":"^7.17.0","eslint-plugin-standard":"^4.0.1","gh-pages":"^2.2.0","microbundle-crl":"^0.13.10","npm-run-all":"^4.1.5","prettier":"^2.0.4","react":"^16.14.0","react-dom":"^16.14.0","react-scripts":"^4.0.3"},"dependencies":{"jquery":"^3.6.2","sass":"^1.63.2"},"_id":"@antonyben006/reactjs-tabbedpane-component@1.0.21","gitHead":"516e43650f42dfed36a577cf991f9c82dc404b36","bugs":{"url":"https://github.com/antonyben006/reactjs-tabbedpane-component/issues"},"homepage":"https://github.com/antonyben006/reactjs-tabbedpane-component#readme","_nodeVersion":"16.20.2","_npmVersion":"9.9.4","dist":{"integrity":"sha512-epr9WGlafdLvv4UDnvJWd9oueYFJEqDN1iV54XbCRZk0ugf78OH20UecgVnWzetH3cUXzUPaKlN1a/MiEYK7bA==","shasum":"0ddb42577bf915a2e5ae6d76144b667d677b668c","tarball":"https://registry.npmjs.org/@antonyben006/reactjs-tabbedpane-component/-/reactjs-tabbedpane-component-1.0.21.tgz","fileCount":7,"unpackedSize":11559,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIAHKY2NlDjJHXpr+gQ3QNTloV7nwl/xauFQvHIJaQqsSAiEA/pbk0K0+MqWckuSEOig/85x98BpAaHnnbRGvb19ov/Q="}]},"_npmUser":{"name":"antonyben006","email":"antonyben006@gmail.com"},"directories":{},"maintainers":[{"name":"antonyben006","email":"antonyben006@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/reactjs-tabbedpane-component_1.0.21_1761868541376_0.5422866142921168"},"_hasShrinkwrap":false}},"time":{"created":"2025-10-30T23:55:41.269Z","1.0.21":"2025-10-30T23:55:41.574Z","modified":"2025-10-30T23:55:42.319Z"},"maintainers":[{"name":"antonyben006","email":"antonyben006@gmail.com"}],"description":"A tabbed pane component using React.js","homepage":"https://github.com/antonyben006/reactjs-tabbedpane-component#readme","repository":{"type":"git","url":"git+https://github.com/antonyben006/reactjs-tabbedpane-component.git"},"author":{"name":"antonyben"},"bugs":{"url":"https://github.com/antonyben006/reactjs-tabbedpane-component/issues"},"license":"MIT","readme":"# reactjs-tabbedpane-component\n\n> A tabbed pane component using React.js\n\n[![NPM](https://img.shields.io/npm/v/reactjs-tabbedpane-component.svg)](https://www.npmjs.com/package/reactjs-tabbedpane-component) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)\n\n## Install\n\n```bash\nnpm install --save reactjs-tabbedpane-component\n```\n\n## Usage\n\n```jsx\nimport React, { Component } from 'react'\n\nimport TabbedPane from 'reactjs-tabbedpane-component'\nimport 'reactjs-tabbedpane-component/dist/index.css'\n\nconst contentData = {\n  contents: [\n    {\n      subject: 'Overview',\n      text: 'This is content of Overview'\n    },\n    {\n      subject: 'Assumptions',\n      text: '<ul><li>Assumption 1</li><li>Assumption 2</li><li>Assumption 3</li><li>Assumption 4</li></ul>'\n    },\n    {\n      subject: 'Technical Design',\n      text: 'This is content of Technical Design'\n    }\n  ]\n}\n\nclass Example extends Component {\n  render() {\n    return <TabbedPane data={contentData} />\n  }\n}\n```\n\n![Example Image 1](example/images/example1.png)\n\n![Example Image 2](example/images/example2.png)\n\n## API\n\n`<TabbedPane>`\n\n### props\n\n* *data*: JSON defining the tabs.  HTML tags are supported.\n\n## License\n\nMIT © [adafycheng](https://github.com/adafycheng)\n","readmeFilename":"README.md","_rev":"1-4f0ae25ea9abec55196cd7ad8dc0bf32"}