{"_id":"@10up/component-tabs","_rev":"20-dc61b803cf45b041c70f0c16a873a45c","name":"@10up/component-tabs","dist-tags":{"next":"2.0.0-rc.1","latest":"2.0.1"},"versions":{"1.0.0":{"name":"@10up/component-tabs","version":"1.0.0","author":{"name":"10up"},"license":"MIT","_id":"@10up/component-tabs@1.0.0","maintainers":[{"name":"brandwaffle","email":"vhauri@gmail.com"},{"name":"cmmarslender","email":"chrismarslender@gmail.com"},{"name":"eugene-manuilov","email":"eugene.manuilov@gmail.com"},{"name":"garand","email":"garand@garand.me"},{"name":"magnificode","email":"dominicmagnifico@gmail.com"},{"name":"timwright12","email":"timwright12@gmail.com"}],"homepage":"https://github.com/10up/component-tabs#readme","bugs":{"url":"https://github.com/10up/component-tabs/issues"},"dist":{"shasum":"913fd5e8eefcdde8d9edcfe69ad3152da2ea3535","tarball":"https://registry.npmjs.org/@10up/component-tabs/-/component-tabs-1.0.0.tgz","fileCount":18,"integrity":"sha512-GvWECuLHjbU09hf72y9MkbvrV0DeQSEbKO/7nkv696+oaXU38qS36tPq4zmG2WkK3cryaitGAzjsjgejVED3Zg==","signatures":[{"sig":"MEYCIQD2prSx2WbDFc4ETHJOSaHWgTeugI514JSjM7RaYW60XwIhAJbLR7224F0m+8tkupQLgHZoqtTDI4Zuo5DfZZsdxC4n","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":108335,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJb4eiXCRA9TVsSAnZWagAAQukP/2H/FJsnWZAWtte66+2j\ny/KUTf6uMS1Ta8tI0ABnLR3PJnksQpUiSJfEQ5UxA62ysQ6UuLuys4itvvPQ\niSWABqec0bDZ2LvMHiH9lDf4CyxYUcgEadQJxmuimg5zS4/g7i0ZxHSP4au+\n7LEbZm9ZkWJOWHD5TgSgJyTtE4/CDAf2bCEO79Br9tzVDU1jIg3gXdjMWGD8\ncxXZMJ9ezME+cBFGOuDRYsPDu+jgSNvR3Toe0osL+j+4yLAB70yH8zoS36Tl\nxJbukZWC35N00ND6cBEgLsYKuezGcLaUGp5tV9iC54OjhQ115NEoVWF6HadQ\nYZ2z5gqI/B71LJvdvMCOF93ZkyVDxtNCX/NDQtOFEgeJNHT7zxakmcFyhKcA\nKvqW6sAEEUBFtcEdH+IPPyaf7zsPETrIUGqf1C+2QGXXe2GOdhUnHSra7bYu\niucRvZdC17EhzdvaK5zqmptt2pXSUwbhIu2wBdUazCUNNqTm2C9yQsGEv3/Y\n8cpsewhugen7fjeo4tMKiJX3BA5qp6Kzu8Aer2gyi93aAZO72A0/TVzTjson\ngfysh1U4r9GLfipht0estaWGwzmHhlgPfGhnh2WlnPhBWXLeSUcyAqsyf3hN\nSdqfzpqmqd0XpYJU71vmj5+ouMZ/gIUd6r5U7jTig83OLTFyP/qUCJphF4kR\n6SF9\r\n=0Z02\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./src/tabs.js","style":"./dist/tabs.css","gitHead":"2ab3d2831950746abd3b6dc6469c972b2efbb9a1","scripts":{"build":"webpack","start":"npm install && npm run build","watch":"webpack --watch"},"_npmUser":{"name":"timwright12","email":"timwright12@gmail.com"},"repository":{"url":"git+https://github.com/10up/component-tabs.git","type":"git"},"_npmVersion":"6.4.1","description":"Accessible tab component.","directories":{},"_nodeVersion":"10.13.0","dependencies":{"@babel/polyfill":"^7.0.0"},"_hasShrinkwrap":false,"devDependencies":{"eslint":"^5.5.0","postcss":"^7.0.2","webpack":"^4.17.2","@babel/cli":"^7.0.0","css-loader":"^1.0.0","@babel/core":"^7.0.0","webpack-cli":"^3.1.0","babel-eslint":"^9.0.0","babel-loader":"^8.0.2","browser-sync":"^2.24.7","eslint-loader":"^2.1.0","postcss-import":"^12.0.0","postcss-loader":"^3.0.0","@babel/preset-env":"^7.0.0","postcss-preset-env":"^5.3.0","@10up/eslint-config":"^1.0.6","mini-css-extract-plugin":"^0.4.2","browser-sync-webpack-plugin":"^2.2.2"},"_npmOperationalInternal":{"tmp":"tmp/component-tabs_1.0.0_1541531798034_0.6819577680544233","host":"s3://npm-registry-packages"}},"1.0.1":{"name":"@10up/component-tabs","version":"1.0.1","author":{"name":"10up"},"license":"MIT","_id":"@10up/component-tabs@1.0.1","maintainers":[{"name":"brandwaffle","email":"vhauri@gmail.com"},{"name":"cmmarslender","email":"chrismarslender@gmail.com"},{"name":"eugene-manuilov","email":"eugene.manuilov@gmail.com"},{"name":"garand","email":"garand@garand.me"},{"name":"magnificode","email":"dominicmagnifico@gmail.com"},{"name":"timwright12","email":"timwright12@gmail.com"}],"homepage":"https://github.com/10up/component-tabs#readme","bugs":{"url":"https://github.com/10up/component-tabs/issues"},"dist":{"shasum":"b11be3f423192f6d576586053d276ba219ae8a83","tarball":"https://registry.npmjs.org/@10up/component-tabs/-/component-tabs-1.0.1.tgz","fileCount":21,"integrity":"sha512-rYE0yCAcR723JIe5ORuZZ5DS9ZxRewzjqX9DdNclvqrvtvS9JEK4XVG79LDt3VlexQ5B8OF96TgymgzJB0eMfg==","signatures":[{"sig":"MEQCIEFEfKhw27X/1PvFG1YtGOT9VSjl/P7iTdMgsdl58nMkAiBY2wrWxId1/LQm5xzYnDVJNiUntEQOFdNQNamtxHzAtA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":113283,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJconezCRA9TVsSAnZWagAAExwQAJPWx56UaL+PvpdwxIKK\nb/7a3afq8W251CKIXGCaBnPAGzEgXYFJTt15Zdhk8oGNTbRxmU9e/iCgACc/\nnR35Ho5QDj02g9F2zZW4oDsbCMJYVJgUzzvY2Y/izZJqXfEm8UiPLnpU1RnY\nLIeuTpOEZHO/7+Oa7dDoL9ANdcG4LwCdW+MHu2EKzeIm7mq1cH5j+XG5pr/S\ng6ZBY2tntA3cRgaFciusoukADGbsXg761RW/liMeh9v646ab9mEQuOTpFeXG\ne/hUxz3nxdmu4wb2i0duCipXqYbV6QOCIXo0Q5X8G7JEZoriPm/Xb4uzI+ok\nMMGDASrEVueOytNNyM3T4IgqmARB2m4/C7OI/atICk5gsHqnrqI/Ir+xNrDB\nrI1+aQi7j+ii3szIvA3C8tZ4GKJhaQrphg08CgPEo871MpLvHI85Hwh4KEnw\nfKl3slVvdMInHvlXgfQ9TbKb9782h+v1LahtNeLx8OEHidPq0sKGAv7hgMY4\n6zxLT+uFAL1z/Ysay1O+EQQ45xBKYwk+ny80cvyL23nJOWsxR7W5EqgBvAv2\nghFoJQnwczqRbgXp5nXDkJFDnzsG3YX9PmDXAdpI8oXR+Jqdjg6FDvSfXn8E\nzyWNWajljfrfdIrle7rw1HHmY8u3vuDgsVosKimMR4ICs+BTmhlHzvSZm6yq\nzYix\r\n=x7Ww\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./src/tabs.js","style":"./dist/tabs.css","gitHead":"c0bfa9e0d19da4320ee46aa6eb3341617c7b37e8","scripts":{"build":"webpack","start":"npm install && npm run build","watch":"webpack --watch"},"_npmUser":{"name":"timwright12","email":"timwright12@gmail.com"},"repository":{"url":"git+https://github.com/10up/component-tabs.git","type":"git"},"_npmVersion":"6.9.0","description":"Accessible tab component.","directories":{},"_nodeVersion":"10.15.1","dependencies":{"@babel/polyfill":"^7.4.0"},"_hasShrinkwrap":false,"devDependencies":{"eslint":"^5.16.0","postcss":"^7.0.14","webpack":"^4.29.6","@babel/cli":"^7.2.3","css-loader":"^1.0.1","@babel/core":"^7.4.0","webpack-cli":"^3.3.0","babel-eslint":"^9.0.0","babel-loader":"^8.0.5","browser-sync":"^2.26.3","eslint-loader":"^2.1.2","postcss-import":"^12.0.1","postcss-loader":"^3.0.0","@babel/preset-env":"^7.4.2","postcss-preset-env":"^5.3.0","@10up/eslint-config":"^1.0.9","mini-css-extract-plugin":"^0.4.5","browser-sync-webpack-plugin":"^2.2.2"},"_npmOperationalInternal":{"tmp":"tmp/component-tabs_1.0.1_1554151347201_0.9758006418347716","host":"s3://npm-registry-packages"}},"1.0.2":{"name":"@10up/component-tabs","version":"1.0.2","author":{"name":"10up"},"license":"MIT","_id":"@10up/component-tabs@1.0.2","maintainers":[{"name":"brandwaffle","email":"vhauri@gmail.com"},{"name":"cmmarslender","email":"chrismarslender@gmail.com"},{"name":"eugene-manuilov","email":"eugene.manuilov@gmail.com"},{"name":"garand","email":"garand@garand.me"},{"name":"magnificode","email":"dominicmagnifico@gmail.com"},{"name":"timwright12","email":"timwright12@gmail.com"}],"homepage":"https://github.com/10up/component-tabs#readme","bugs":{"url":"https://github.com/10up/component-tabs/issues"},"dist":{"shasum":"16777eb7d26f36cc9c3fddfb922dac1ca0a3eac0","tarball":"https://registry.npmjs.org/@10up/component-tabs/-/component-tabs-1.0.2.tgz","fileCount":21,"integrity":"sha512-FIOIm/uWox/1cN/VrNWHwjPeUsQ2QAr4MFxFSDkTSf3aUkFtfosNgGPNwbeq7T88XMp+bqf5pEyeGLZWUc0rMg==","signatures":[{"sig":"MEUCIARXmFlTheMYm28pXynMA9lKzMA7fhOFrpMXSMZXnUVdAiEA0qfhYKoSALno4JlgjhAzVzzAy5L8SYWlzfqLUANRh8A=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":125815,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcpOjYCRA9TVsSAnZWagAA22oP/3OewSaRLolc5jMcr3IK\nlN7DEY70rDN3OudKMvvHhGQ6kGI5C+2QP9qWciQMJ+0I0ZyIYn2d+f57uMPz\nJaUzbNbT6RhkL9LCSPGD2QPrfK5OYy3KJb4Ks6PiHNMuJXkuRl2Ctk1IqDLW\nsPbKvqk7OQeUqv4v680Qiv1Z9w//YuQGw0LtShj4TUqmIK69E5nqthMbWuIZ\npcuGVBttXeROzaeR4+z/nakCxwT9jYcOzKbHu0o5t+bNg137g/fLaTyBc/Vz\nMXNqTD2Qr+2QZqgSdI9f4+6MIvrKhtt4sE8n4noNltFXPe/9AiMchCIJDBdx\nhGnINMSq/BoFD/gVrnSC5jmDjWZBn/2OjMUOXplVQ0b6EWmYDFZDtiiMWJ8/\nKXpFQhaLkKSqFBz+RD48oGiXPVuNmiVK/+SFiBTt2uGOJtwRm9DyVdHaXNII\njfduMRC4xHW302IGuiIDNtAZtleOppP5IelwOo6qMzCYAtFRhgrTFhDzvgcN\njnQYVlrtL44waXt96vEYUZf/MqbZIiCsHJYHYUv9ZnugltjQiDzC/iu9BUf5\nb+qeGJEof/kk2HktReF5Te8lSyx7ddOifO1olpO5fZjcgfkEOGS7taeYL1tq\nPAkKuduTwVX8lF9Mw4Qu2Q1b98DsU0MgPIpmUDBNpDtXz+rc6IxoogT1r6eg\ng/1/\r\n=ypbH\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./src/tabs.js","style":"./dist/tabs.css","gitHead":"76d498558e204fc41c225b36bf7a39bf0aba9b59","scripts":{"build":"webpack","start":"npm install && npm run build","watch":"webpack --watch"},"_npmUser":{"name":"timwright12","email":"timwright12@gmail.com"},"repository":{"url":"git+https://github.com/10up/component-tabs.git","type":"git"},"_npmVersion":"6.9.0","description":"Accessible tab component.","directories":{},"_nodeVersion":"10.15.1","dependencies":{"@babel/polyfill":"^7.4.0"},"_hasShrinkwrap":false,"devDependencies":{"eslint":"^5.16.0","postcss":"^7.0.14","webpack":"^4.29.6","@babel/cli":"^7.2.3","css-loader":"^1.0.1","@babel/core":"^7.4.0","webpack-cli":"^3.3.0","babel-eslint":"^9.0.0","babel-loader":"^8.0.5","browser-sync":"^2.26.3","eslint-loader":"^2.1.2","postcss-import":"^12.0.1","postcss-loader":"^3.0.0","@babel/preset-env":"^7.4.2","postcss-preset-env":"^5.3.0","@10up/eslint-config":"^1.0.9","mini-css-extract-plugin":"^0.4.5","browser-sync-webpack-plugin":"^2.2.2"},"_npmOperationalInternal":{"tmp":"tmp/component-tabs_1.0.2_1554311384028_0.42070471207166316","host":"s3://npm-registry-packages"}},"1.0.3":{"name":"@10up/component-tabs","version":"1.0.3","author":{"name":"10up"},"license":"MIT","_id":"@10up/component-tabs@1.0.3","maintainers":[{"name":"brandwaffle","email":"vhauri@gmail.com"},{"name":"christianc1","email":"christian.m.chung@gmail.com"},{"name":"cmmarslender","email":"chrismarslender@gmail.com"},{"name":"eugene-manuilov","email":"eugene.manuilov@gmail.com"},{"name":"garand","email":"garand@garand.me"},{"name":"magnificode","email":"dominicmagnifico@gmail.com"},{"name":"timwright12","email":"timwright12@gmail.com"}],"homepage":"https://github.com/10up/component-tabs#readme","bugs":{"url":"https://github.com/10up/component-tabs/issues"},"dist":{"shasum":"b1f056ffeebca64da6054a6aa3448b433ed7ade5","tarball":"https://registry.npmjs.org/@10up/component-tabs/-/component-tabs-1.0.3.tgz","fileCount":21,"integrity":"sha512-DgHJJ4aR+EAk6l7VRaxsUnnDmFjYN8vieLx9ZZuaxEh4ECCnPodK7gPGF7gM+hDvyzvDGBqpzmYj4vjD0F2/hg==","signatures":[{"sig":"MEUCIQDwKtXpBuN88V6wilhDNvL95XhQLilN9ovz72BTFGVj0QIgHcW8U8msKyckOX7QaYMM4b+CRfoKXUvivjT83RqIbX4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":128449,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdcVeTCRA9TVsSAnZWagAAWDkP/2lX8DdXbzU9KbcgPgIg\npwGo/zwKQVRAoZNLnP2F0pI7DLlkAPNJGaa0uF1ERnvVPAeNgLyRhlenTzBP\n0RH2+oibNUJoGjUXai45TTu5hNW2Ax+twZM0b2jQgaTkSq1r44PNCxjh/RFq\n3vrsDJP/aEl3iWyQdi/KAPS12LW4SfLprpT3rQNjML2SRFrcDeEk92HRwH3E\nAvsucDBxIllJiKZBfYmoVO8sxKbtxI84ZZQ4oVmgcMVsORlBQpneHd3H1pmE\nbZSWgmGpxfTvw9cauPsnBiRWZQiPGuRaXlzOqhjBL72ANC7ubjfeEVmi+rYW\njWaiA6x240D5gq0nkc28VxA7e34QCLNukNzkP2mr/EqD+64ckYngWBxZ9voW\nixPrYLVFkfJ2BqEFNp1Pga9x9QYk1cqQ95jk1CGbOMqpAVkImmi4Ed+i7BJp\njTwN9ey8W0Wpn/4apBV3aZMrnrbiGgnIOJYh+cVMpDLsWF/nG+wksqCSGbcn\niLFKH5YTs45rDX+MYLNRl/MRp0tkbHwKMkEyLLim8XWUPNzQ4ntPDaT++LCQ\n/DF44pg7rnKDAQ4LcwLDs4VEFhqcrjzeH788o4Bifn61pGn3oO0gTGM+MwCu\nODJynjpgTT4m0YYWIh00+OX6lUE7khDVLsuZRtd62XlX8nbmpFsEqNY3Vs0b\nKWpw\r\n=YkU2\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./src/tabs.js","style":"./dist/tabs.css","gitHead":"0a1fa24bed847e48939bab4c1d056cb971901076","scripts":{"build":"webpack","start":"npm install && npm run build","watch":"webpack --watch"},"_npmUser":{"name":"timwright12","email":"timwright12@gmail.com"},"repository":{"url":"git+https://github.com/10up/component-tabs.git","type":"git"},"_npmVersion":"6.10.2","description":"Accessible tab component.","directories":{},"_nodeVersion":"10.15.1","dependencies":{"@babel/polyfill":"^7.4.0"},"_hasShrinkwrap":false,"devDependencies":{"eslint":"^5.16.0","postcss":"^7.0.14","webpack":"^4.29.6","@babel/cli":"^7.2.3","css-loader":"^1.0.1","@babel/core":"^7.4.0","webpack-cli":"^3.3.0","babel-eslint":"^9.0.0","babel-loader":"^8.0.5","browser-sync":"^2.26.7","eslint-loader":"^2.1.2","postcss-import":"^12.0.1","postcss-loader":"^3.0.0","@babel/preset-env":"^7.4.2","postcss-preset-env":"^5.3.0","@10up/eslint-config":"^1.0.9","mini-css-extract-plugin":"^0.4.5","browser-sync-webpack-plugin":"^2.2.2"},"_npmOperationalInternal":{"tmp":"tmp/component-tabs_1.0.3_1567709075112_0.9632513610118627","host":"s3://npm-registry-packages"}},"2.0.0-rc.1":{"name":"@10up/component-tabs","version":"2.0.0-rc.1","author":{"name":"10up"},"license":"MIT","_id":"@10up/component-tabs@2.0.0-rc.1","maintainers":[{"name":"devinle","email":"devin.leggett@gmail.com"},{"name":"brandwaffle","email":"vhauri@gmail.com"},{"name":"eugene-manuilov","email":"eugene.manuilov@gmail.com"},{"name":"christianc1","email":"christian.m.chung@gmail.com"},{"name":"nicholasio","email":"nicholasio.oliveira@gmail.com"},{"name":"joesnellpdx","email":"joesnellpdx@gmail.com"},{"name":"tlovett1","email":"tlovett88@gmail.com"}],"homepage":"https://github.com/10up/component-tabs#readme","bugs":{"url":"https://github.com/10up/component-tabs/issues"},"dist":{"shasum":"4de823396df9ce072364a998462f98b0162ab32f","tarball":"https://registry.npmjs.org/@10up/component-tabs/-/component-tabs-2.0.0-rc.1.tgz","fileCount":21,"integrity":"sha512-M4G/5JZp0z7Mhn7370kRI5HW1QKBK/gkmJYfQwZxseyyGrO2EDAjX2LWLxNzVZm2oJntbMSGT5SaIgN6etlOrA==","signatures":[{"sig":"MEUCIQC7S79FdKI8BaeMxLA+s9l9qUyRAxYiFsj/EZrMaD0FqQIgTPHOFNc8OmGGoGamgCtAEsyO60pzoU6k5EFard+Wd6Y=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":183232,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgM72eCRA9TVsSAnZWagAAppAP/jnLeQIISW5mVstt8UKd\nyaDO5dVCvoJ7UzIihkUOv/zxEBOOFDzJjgHDRP/Y5/mo0pViPygs1YSZvZ/w\nHk0vgmrtOuF9trgj1pFIPPtoGnww+4BnpVNzB3MiQnUvyopsyLMfUiXqCDW9\nOeA+fYtVVFySk+eNi64QSGiEtXpW+n1LvX1lJVLYZphIOUYtEVe2SU+2ywTc\nDbQryIlL/aXiXtD3GQrwUBRP0j9qoY6tPflm+/ILnsMb7eJ1UMUUgX9EcThv\nF8F434YXDvflIjVGxKQf/K1IneIrscjPLnxbKrIkK9/ySegFx9ZFK9OrRPhN\nBQxo+uT9PaFB4XpymoW8ns4UynH/ZTx0Qq9tI/utH7XfVI8vqYIW7SsgN1h9\n3sl5cckyhJA37ChKIiV2cXOC2ZLud7+u6VHUL/+SaUnsBClzOeH5LFnJCCyJ\nQ0QCU72X05fj3DC9xZbbvTW3GmUGM9rMYwB/eHpZMNP2RUe3ph2E4m1JUaD2\nbuyYuSLN8MH6QoHvqyqOwCpqFUXc5zmMzf/J3u3gGYnBTpFQTt30KqoQXAWB\nvJXzoRSBrfxHFYoQSPrAQc3cKSKn39CY017t3G64NYLIoRzWo4TR5zpuxJB8\n47pzTNJLnnBDohOqV2RQREe/87hTBTq7eKzVd+2u9GROplm0aW7WIs9Yxm9F\nbeyA\r\n=6wgP\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","style":"./dist/index.css","types":"./index.d.ts","module":"dist/index.module.js","readme":"# 10up Tabs component\n\n> The tabs component is based on and extended from work done by the folks over at [Simply Accessible](http://simplyaccessible.com/). It is a stripped down, but still accessible version of UI tabs. They are keyboard accessible and user friendly and are meant to be a starting point for you to use on a project.\n\n\n## Installation\n\n### NPM\n`npm install --save @10up/component-tabs`\n\n### Standalone\nClone this repo and import `tabs.js` and `tabs.css` from the `dist/` directory.\n\n## API\n\nThis component accepts two arguments, the selector for the tab container and an object containing optional callbacks.\n\n### Callbacks\n\n- `onCreate`: Called after the tabs are initialized on page load\n- `onTabChange`: Called after a tab has been changed\n\n## Usage\n\n### Markup\n\nThis is the markup template expected by the component.\n\n```html\n<div class=\"tabs\">\n\t<div class=\"tab-control\">\n\t\t<ul class=\"tab-list\" role=\"tablist\">\n\t\t\t<li class=\"tab-item\"><button role=\"tab\" aria-controls=\"js-tab1\">View Tab 1</button></li>\n\t\t\t<li class=\"tab-item\"><button role=\"tab\" aria-controls=\"js-tab2\">View Tab 2</button></li>\n\t\t</ul>\n\t</div>\n\t<div class=\"tab-group\">\n\t\t<div class=\"tab-content\" id=\"js-tab1\" role=\"tabpanel\">\n\t\t\t<h2>Tab 1 Content</h2>\n\t\t\t<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>\n\t\t</div>\n\t\t<div class=\"tab-content\" id=\"js-tab2\" role=\"tabpanel\">\n\t\t\t<h2>Tab 2 Content</h2>\n\t\t\t<p>In tincidunt tempor risus gravida tincidunt.</p>\n\t\t</div>\n\t</div>\n</div>\n```\n\n### CSS\n\nThe styles can be imported into your existing codebase by using PostCSS imports, or by including the standalone CSS file in your project.\n\n#### PostCSS Imports\n`@import \"@10up/component-tabs\";`\n\n#### Standalone\nInclude the `tabs.css` file from the `dist/` directory.\n\n### JavaScript\n\nCreate a new instance by supplying the selector to use for the tabs and an object containing any necessary callback functions.\n\n#### NPM\n\n```javascript\nimport Tabs from '@10up/component-tabs';\n\nnew Tabs( '.tabs', {\n\tonCreate: function() {\n\t\tconsole.log( 'onCreate callback' );\n\t},\n\tonTabChange: function() {\n\t\tconsole.log( 'onTabChange callback' );\n\t}\n} );\n```\n\n#### Standalone\n\n```html\n<script src=\"unpkg.com/@10up/component-tabs@2.0.0/index.umd.js\"></script>\n```\n\n```javascript\nlet myTabs = new TenUp.tabs( '.tabs', {\n\tonCreate: function() {\n\t\tconsole.log( 'onCreate callback' );\n\t},\n\tonTabChange: function() {\n\t\tconsole.log( 'onTabChange callback' );\n\t}\n} );\n```\n\n## Demo\n\nExample implementations can be found in the `demo` directory.\n\n## Support Level\n\n**Active:** 10up is actively working on this, and we expect to continue work for the foreseeable future including keeping tested up to the most recent version of WordPress.  Bug reports, feature requests, questions, and pull requests are welcome.\n\n## Like what you see?\n\n<a href=\"http://10up.com/contact/\"><img src=\"https://10up.com/uploads/2016/10/10up-Github-Banner.png\" width=\"850\" alt=\"Work with us at 10up\"></a>\n","source":"src/index.js","exports":"./dist/index.modern.js","scripts":{"test":"jest --coverage","build":"npm run build:modern && npm run build:umd","watch":"concurrently \"npm run build:modern -- --watch\" \"npm run build:umd -- --watch\"","prepare":"npm run build","build:umd":"microbundle build -i src/index.umd.js  --name TenUpTabs -f umd --external none","test:watch":"jest --watch","build:modern":"microbundle build -f modern,es,cjs"},"_npmUser":{"name":"nicholasio","email":"nicholasio.oliveira@gmail.com"},"umd:main":"dist/index.umd.js","repository":{"url":"git+https://github.com/10up/component-tabs.git","type":"git"},"_npmVersion":"7.5.2","description":"Accessible tab component.","directories":{},"_nodeVersion":"12.18.4","dependencies":{"core-js":"^3.8.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest-axe":"^4.1.0","microbundle":"^0.13.0","postcss-import":"^14.0.0","postcss-preset-env":"^6.7.0","@testing-library/dom":"^7.29.4","@testing-library/jest-dom":"^5.11.9","@testing-library/user-event":"^12.6.3"},"_npmOperationalInternal":{"tmp":"tmp/component-tabs_2.0.0-rc.1_1614003613644_0.025918300641244896","host":"s3://npm-registry-packages"}},"2.0.0":{"name":"@10up/component-tabs","version":"2.0.0","author":{"name":"10up"},"license":"MIT","_id":"@10up/component-tabs@2.0.0","maintainers":[{"name":"devinle","email":"devin.leggett@gmail.com"},{"name":"brandwaffle","email":"vhauri@gmail.com"},{"name":"eugene-manuilov","email":"eugene.manuilov@gmail.com"},{"name":"christianc1","email":"christian.m.chung@gmail.com"},{"name":"nicholasio","email":"nicholasio.oliveira@gmail.com"},{"name":"joesnellpdx","email":"joesnellpdx@gmail.com"},{"name":"tlovett1","email":"tlovett88@gmail.com"}],"homepage":"https://github.com/10up/component-tabs#readme","bugs":{"url":"https://github.com/10up/component-tabs/issues"},"dist":{"shasum":"d20180de0a58377ae75ccbca09277696418e7e6c","tarball":"https://registry.npmjs.org/@10up/component-tabs/-/component-tabs-2.0.0.tgz","fileCount":20,"integrity":"sha512-LP6aeNUqVLeS1NMd9X7HaFBjONgiyTsy+54BG5NaySpSCiuyZnYjb05HK9d5qKHQ0jDj3NfJVH6oJrX60t3EBA==","signatures":[{"sig":"MEUCIQDte/vQyiCVmf0F6PIveeFZlZlgUzZstRSU//nBfp1PwQIgToPye9faq1xNXyWFEVrevIgIxn3XFA2b2LBCh415b7o=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":178234,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJggDIHCRA9TVsSAnZWagAArtgP/RPdJZTaXtpEWtNcLLID\nkfVHBpMLq+bjpSaFMPbyC7oVRuAuJs2HF2hKNOD76uBSJCUaq4SfQypRsM8y\n0paeihUw1WAU8rs9LM7O99PuAxw9gdM9ii1oMVgMQnbGgNTgHhBfTJc9GVnl\nU0sY/DJXDfPMJXE8A3LyrWxSvJyAcimQkZJRYiHHuPenkGNXrsYBcBcNOYUw\nZsSTA0DLU1NE8LbQQ6O4pyIgFw3VJEuKVTph4Ic4pK3RzJFR90pNL5acEuEJ\nfbiRva+W20rUjhzHAKDQ66RPnAFK/QjWp22/PUXz0jlSvHblraZClAYtBZsu\nhKr6FNNYZOp35JsGwofYg2eApC9vfcRRjltDMwI4ZrBTndY+f3ibL3bvoWhs\nlVLWKHGitshn30/OBa8f4tS58CS3cGP5MYOmDiDf5RnNTO0ffehrCpakNN3K\noi13nl2S/hbg5riReIDzykavi/eOzZBcfA+qLkGSDckJo28gKeYtTs56m0rH\nrQhfnWixygilEPDXzWa3hnQAgNjCSGL/iweDK7AzhvWrrm64PWEkhRU+1ClB\n68ubk4dFTfwcxzN8uBpAb6FLcEl4nKBicFN3rUuc4YHZR+9fmgQIo/J0qOuN\nUP/E37GXtCCwqP85gH86xh+MvFQ9m4lARzdywQJN8ogNa2stjqKy/OXZoqfI\nR2qm\r\n=NhTl\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","style":"./dist/index.css","types":"./index.d.ts","module":"dist/index.module.js","source":"src/index.js","exports":"./dist/index.modern.js","scripts":{"test":"jest --coverage","build":"npm run build:modern && npm run build:umd","watch":"concurrently \"npm run build:modern -- --watch\" \"npm run build:umd -- --watch\"","prepare":"npm run build","build:umd":"microbundle build -i src/index.umd.js  --name TenUpTabs -f umd --external none","test:watch":"jest --watch","build:modern":"microbundle build -f modern,es,cjs"},"_npmUser":{"name":"nicholasio","email":"nicholasio.oliveira@gmail.com"},"umd:main":"dist/index.umd.js","repository":{"url":"git+https://github.com/10up/component-tabs.git","type":"git"},"_npmVersion":"6.14.8","description":"Accessible tab component.","directories":{},"_nodeVersion":"14.15.1","dependencies":{"core-js":"^3.8.3"},"_hasShrinkwrap":false,"devDependencies":{"jest-axe":"^4.1.0","microbundle":"^0.13.0","postcss-import":"^14.0.0","postcss-preset-env":"^6.7.0","@testing-library/dom":"^7.29.4","@testing-library/jest-dom":"^5.11.9","@testing-library/user-event":"^12.6.3"},"_npmOperationalInternal":{"tmp":"tmp/component-tabs_2.0.0_1619014151212_0.1981514823602848","host":"s3://npm-registry-packages"}},"2.0.1":{"name":"@10up/component-tabs","version":"2.0.1","author":{"name":"10up"},"license":"MIT","_id":"@10up/component-tabs@2.0.1","maintainers":[{"name":"fabiankaegy","email":"mail@fabian-kaegy.de"},{"name":"brandwaffle","email":"vhauri@gmail.com"},{"name":"eugene-manuilov","email":"eugene.manuilov@gmail.com"},{"name":"christianc1","email":"christian.m.chung@gmail.com"},{"name":"nicholasio","email":"nicholasio.oliveira@gmail.com"},{"name":"joesnellpdx","email":"joesnellpdx@gmail.com"},{"name":"tlovett1","email":"tlovett88@gmail.com"},{"name":"devinle","email":"devin.leggett@gmail.com"}],"homepage":"https://github.com/10up/component-tabs#readme","bugs":{"url":"https://github.com/10up/component-tabs/issues"},"dist":{"shasum":"f3187fa9c690e3cfd2c4f09ea84f55d32fdeb2c6","tarball":"https://registry.npmjs.org/@10up/component-tabs/-/component-tabs-2.0.1.tgz","fileCount":16,"integrity":"sha512-ZsFtn3BKno+XksANPywKw3CCrSuDoVJpgSgqLfhftH62dRGrHCsPEf4JTXSmx7SbrJWrT/XNAaMdIq5BZn7xyg==","signatures":[{"sig":"MEUCIQDOJP5qI07pswuH8M2135bmTCsDN/ikSWax+kdm2CLROwIgM+TyZni63zaaWKvXikK7gL/kT0eg94tmk26bViyYoeY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":174881,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiKR77ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrTkxAAl24rIa7/TOXKa2Klq0flbvcAdRRATS8HEt7CR1X42SF/IkAX\r\ntFRNdoZm6pd3H3ayRJ2/uNI2txhZMQyMR5sRO1jUNVKLBvkqNdBiDuP+nP3f\r\nSpJis9WIqIwE4Fy/dnQwXE738+k3n1TdkuDyGPie1gshn2k2wp1CKfPENd4K\r\ngJ/ALOwgZtY8jNEkGmYOf/VQlbHXv6I+myeK2JZn9QVLzDTvegitK4pc6EzP\r\nH1+Uee4OnUOQcnrqWbqxLuBwSDt4zSqQ2iQ8bqZy4NwbJg0IS1EVp6kOjyVX\r\nEmBLT2/i+amXU/NMLZwiHo177Xb9cOVEtPfstY22hBfkwS2n8yOTeVCfrvTn\r\nI9tBcMpgn01l+fl3LA34msVGKoaxCSqxOpizy42IxgFg0Jfk3bwXbkC6Hb2E\r\nbwDP48RimkneD+oYLEq0+2dLIpHwxe5OBrA0iWZ/tQWx4Ln/Hjvc6PRCSd7a\r\n+bu+IGPep3NSIIUy2YIviB3kDKMIGApbkN0GO0FSWEBOJ1QiY7XfBevf5BPQ\r\nI9nFKrjsXbVi+bcoOd8tf5wSynvI5vel2xIDVD+P94LbJNB+ViHb/yfbmGvh\r\n/6hPExJoGMhYXrWU+5mUj2zljS+QoIyXZYmRuN5PHdR67Z30sML1LmLFyYEg\r\naRV5HgBm5/S+1xB3CysDd3pUuz03RUTvmAs=\r\n=tASE\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","style":"./dist/index.css","types":"./index.d.ts","module":"dist/index.module.js","source":"src/index.js","exports":"./dist/index.modern.js","gitHead":"fd049a5e7bf320ff70a3b69f01aa4fb096991c5e","scripts":{"test":"jest --coverage","build":"npm run build:modern && npm run build:umd","watch":"concurrently \"npm run build:modern -- --watch\" \"npm run build:umd -- --watch\"","prepare":"npm run build","build:umd":"microbundle build -i src/index.umd.js  --name TenUpTabs -f umd --external none","test:watch":"jest --watch","build:modern":"microbundle build -f modern,es,cjs"},"_npmUser":{"name":"devinle","email":"devin.leggett@gmail.com"},"umd:main":"dist/index.umd.js","repository":{"url":"git+https://github.com/10up/component-tabs.git","type":"git"},"_npmVersion":"8.5.3","description":"Accessible tab component.","directories":{},"_nodeVersion":"16.13.0","dependencies":{"core-js":"^3.8.3"},"_hasShrinkwrap":false,"devDependencies":{"jest-axe":"^4.1.0","microbundle":"^0.13.0","postcss-import":"^14.0.0","postcss-preset-env":"^6.7.0","@testing-library/dom":"^7.29.4","@testing-library/jest-dom":"^5.11.9","@testing-library/user-event":"^12.6.3"},"_npmOperationalInternal":{"tmp":"tmp/component-tabs_2.0.1_1646862075353_0.518338601019011","host":"s3://npm-registry-packages"}}},"time":{"created":"2018-11-06T19:16:37.965Z","modified":"2026-08-21T19:38:52.955Z","1.0.0":"2018-11-06T19:16:38.837Z","1.0.1":"2019-04-01T20:42:27.355Z","1.0.2":"2019-04-03T17:09:44.204Z","1.0.3":"2019-09-05T18:44:35.365Z","2.0.0-rc.1":"2021-02-22T14:20:13.778Z","2.0.0":"2021-04-21T14:09:11.403Z","2.0.1":"2022-03-09T21:41:15.550Z"},"bugs":{"url":"https://github.com/10up/component-tabs/issues"},"author":{"name":"10up"},"license":"MIT","homepage":"https://github.com/10up/component-tabs#readme","repository":{"url":"git+https://github.com/10up/component-tabs.git","type":"git"},"description":"Accessible tab component.","maintainers":[{"email":"mail@fabian-kaegy.de","name":"fabiankaegy"},{"email":"eugene.manuilov@gmail.com","name":"eugene-manuilov"},{"email":"christian.m.chung@gmail.com","name":"christianc1"},{"email":"nicholasio.oliveira@gmail.com","name":"nicholasio"},{"email":"joesnellpdx@gmail.com","name":"joesnellpdx"},{"email":"devin.leggett@gmail.com","name":"devinle"},{"email":"daryll.doyle@10up.com","name":"darylldoyle"},{"email":"jeffpaul@hotmail.com","name":"jeffpaul"}],"readme":"# 10up Tabs component\n\n> The tabs component is based on and extended from work done by the folks over at [Simply Accessible](http://simplyaccessible.com/). It is a stripped down, but still accessible version of UI tabs. They are keyboard accessible and user friendly and are meant to be a starting point for you to use on a project.\n\n\n## Installation\n\n### NPM\n`npm install --save @10up/component-tabs`\n\n### Standalone\nClone this repo and import `tabs.js` and `tabs.css` from the `dist/` directory.\n\n## API\n\nThis component accepts two arguments, the selector for the tab container and an object containing optional callbacks.\n\n### Callbacks\n\n- `onCreate`: Called after the tabs are initialized on page load\n- `onTabChange`: Called after a tab has been changed\n\n## Usage\n\n### Markup\n\nThis is the markup template expected by the component.\n\n```html\n<div class=\"tabs\">\n\t<div class=\"tab-control\">\n\t\t<ul class=\"tab-list\" role=\"tablist\">\n\t\t\t<li class=\"tab-item\"><button role=\"tab\" aria-controls=\"js-tab1\">View Tab 1</button></li>\n\t\t\t<li class=\"tab-item\"><button role=\"tab\" aria-controls=\"js-tab2\">View Tab 2</button></li>\n\t\t</ul>\n\t</div>\n\t<div class=\"tab-group\">\n\t\t<div class=\"tab-content\" id=\"js-tab1\" role=\"tabpanel\">\n\t\t\t<h2>Tab 1 Content</h2>\n\t\t\t<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>\n\t\t</div>\n\t\t<div class=\"tab-content\" id=\"js-tab2\" role=\"tabpanel\">\n\t\t\t<h2>Tab 2 Content</h2>\n\t\t\t<p>In tincidunt tempor risus gravida tincidunt.</p>\n\t\t</div>\n\t</div>\n</div>\n```\n\n### CSS\n\nThe styles can be imported into your existing codebase by using PostCSS imports, or by including the standalone CSS file in your project.\n\n#### PostCSS Imports\n`@import \"@10up/component-tabs\";`\n\n#### Standalone\nInclude the `tabs.css` file from the `dist/` directory.\n\n### JavaScript\n\nCreate a new instance by supplying the selector to use for the tabs and an object containing any necessary callback functions.\n\n#### NPM\n\n```javascript\nimport Tabs from '@10up/component-tabs';\n\nnew Tabs( '.tabs', {\n\tonCreate: function() {\n\t\tconsole.log( 'onCreate callback' );\n\t},\n\tonTabChange: function() {\n\t\tconsole.log( 'onTabChange callback' );\n\t}\n} );\n```\n\n#### Standalone\n\n```html\n<script src=\"unpkg.com/@10up/component-tabs@2.0.0/index.umd.js\"></script>\n```\n\n```javascript\nlet myTabs = new TenUp.tabs( '.tabs', {\n\tonCreate: function() {\n\t\tconsole.log( 'onCreate callback' );\n\t},\n\tonTabChange: function() {\n\t\tconsole.log( 'onTabChange callback' );\n\t}\n} );\n```\n\n## Demo\n\nExample implementations can be found in the `demo` directory.\n\n## Support Level\n\n**Active:** 10up is actively working on this, and we expect to continue work for the foreseeable future including keeping tested up to the most recent version of WordPress.  Bug reports, feature requests, questions, and pull requests are welcome.\n\n## Like what you see?\n\n<a href=\"http://10up.com/contact/\"><img src=\"https://10up.com/uploads/2016/10/10up-Github-Banner.png\" width=\"850\" alt=\"Work with us at 10up\"></a>\n","readmeFilename":"README.md"}