{"_id":"@banghook/use-tabs","_rev":"1-fb788a7a06a514372b8961a137139ec3","name":"@banghook/use-tabs","dist-tags":{"latest":"1.0.0"},"versions":{"1.0.0":{"name":"@banghook/use-tabs","version":"1.0.0","description":"react hook use tabs","main":"index.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"https://github.com/BrownJeon/hooks_library_react/tree/main/useTabs"},"keywords":["react","hooks","tabs"],"author":{"name":"BrownJeon"},"license":"MIT","_id":"@banghook/use-tabs@1.0.0","_nodeVersion":"14.16.1","_npmVersion":"6.14.12","dist":{"integrity":"sha512-UXpbJuw9D0eQAq536QqP0GsZTIxKBNhGsRbxUywmYxtdQ+/0REJZSHaAp9hwObunRmVfDLCkc5phF8oWZnZyvw==","shasum":"016a04fdb9719e44a19a7e638b7fd52b52e1c27b","tarball":"https://registry.npmjs.org/@banghook/use-tabs/-/use-tabs-1.0.0.tgz","fileCount":4,"unpackedSize":1557,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgpSleCRA9TVsSAnZWagAAJicP/2/xJNLZTJJfHmrPQnf4\n54GoCCtAG85aioqQifK2VsfIAZgY/wFBO3RfP7k6s5taqvarcRsR1PsQC4Wc\n7P/uo+BNMJoTjVLtfZJVfS3ZGq9aWXUPgSIK+oFhTEfSx3F+sXiXM27/tcAa\n/DfDsYSYVDoewup/ZwiChJPKb8qQWG9tH6x7j1Qb3IHAuG63hrG4dMxJwJ9H\nRjACP9BywAjFCDD1eNOpi+aPkvKsex8WAPIenPwxKnDQ/nxgHTbBspa58OK8\n7iQ9wP0khtTgwJ1/RY69b9iz0zuAxcXVsz8F3KK7PEdGyCWePFEC9b6vX1/t\n6+1ombvBtYH2JuX7DpaWx+ZEdAtJJmGZysqnZ8buMoYHqkDWZ3teXLjDP8mi\ncnQdato6OsB7yMi0T7wOttcJaYokKGJxXZ9Rt44ObOq7VFr/PAqaufzD20M6\nZ6S/Tis7uVWCMas/jWgEGmfya8mq++0CzkaDcDqHqnHiOfpLWtqxHvQawLKp\n+aNH5HfgUZFNqm6mKwpoeZ7N9k0tgitcpq+2awumkssuyjVNK7jyPiSIlQXQ\n+5TNQkXRi5H/MTfw6s31EigMao88O1VIU1atx+zuoUmGDsxCIt57dcsQ5LKg\nfH71PteUNWQ246skIpWtzAhl1RJk7v8KxMirDpL9xVRpzDlxd41dnJWH0DBx\nIYGI\r\n=Ax8p\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDav6Kqlm6og1Xwo+yRdxuepWZkXf8iVKAjjv3toktuUAiEApVC1eRXFyCNaedPkuGxL5wU3QS+h3lbnQVrDZi0f92A="}]},"_npmUser":{"name":"brownjeon","email":"ifries8611@gmail.com"},"directories":{},"maintainers":[{"name":"brownjeon","email":"ifries8611@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/use-tabs_1.0.0_1621436766008_0.1702856488346156"},"_hasShrinkwrap":false}},"time":{"created":"2021-05-19T15:06:05.646Z","1.0.0":"2021-05-19T15:06:06.137Z","modified":"2022-04-04T17:41:41.019Z"},"maintainers":[{"name":"brownjeon","email":"ifries8611@gmail.com"}],"description":"react hook use tabs","keywords":["react","hooks","tabs"],"repository":{"type":"git","url":"https://github.com/BrownJeon/hooks_library_react/tree/main/useTabs"},"author":{"name":"BrownJeon"},"license":"MIT","readme":"# Usage\r\n\r\n```js\r\nimport useInput from \"@banghook/use-tabs\"\r\n\r\nconst content = [\r\n    {\r\n        tab: \"Section 1\",\r\n        content: \"I am the content of the Section 1\"\r\n    },\r\n    {\r\n        tab: \"Section 2\",\r\n        content: \"I am the content of the Section 2\"\r\n    }\r\n];\r\n\r\nfunction App() {\r\n    const { currentItem, changeItem } = useTabs(0, content);\r\n    return (\r\n        <div className=\"App\">\r\n            {content.map((section, index) => (\r\n                <button\r\n                    onClick={() => {\r\n                        changeItem(index);\r\n                    }}\r\n                >\r\n                    {section.tab}\r\n                </button>\r\n            ))}\r\n            <div>{currentItem.content}</div>\r\n        </div>\r\n    );\r\n}\r\n```","readmeFilename":"README.md"}