{"_id":"@danielvigaru/id-tabs","_rev":"5-63667e027b117d34065cdb75d99e5e99","name":"@danielvigaru/id-tabs","dist-tags":{"latest":"1.0.4"},"versions":{"1.0.0":{"name":"@danielvigaru/id-tabs","version":"1.0.0","keywords":["tabs","tab","id-tabs","tab-system"],"author":{"name":"Daniel Vigaru"},"license":"MIT","_id":"@danielvigaru/id-tabs@1.0.0","maintainers":[{"name":"danielvigaru","email":"daniel.vigaru@gmail.com"}],"bugs":{"url":"https://github.com/danielvigaru/id-tabs/issues"},"dist":{"shasum":"d2f3b497a3580901dab8dfef53bf035da83be7e6","tarball":"https://registry.npmjs.org/@danielvigaru/id-tabs/-/id-tabs-1.0.0.tgz","fileCount":5,"integrity":"sha512-MsO1d7hhZK3nfksSH6pBk8lmeioD3gFF97PNX3he8KJqe3y2mVsYwy4PdR71SAYymCXHbR3z2DzokPgWPEy7Lw==","signatures":[{"sig":"MEUCIDXwEiCzjuwdiGle3DC+uB9b6dWysHxvIH+0bMhbeYRTAiEAucTUpyLvnaYRUsSSilak7dDAePKLl+Hrg+KoGX7BLig=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":7269},"main":"lib/id-tabs.js","type":"module","types":"./lib/id-tabs.d.ts","module":"lib/id-tabs.js","gitHead":"c8a72126ff988011729958a10d485de9c4565414","scripts":{"build":"tsc","prebuild":"del-cli lib/*"},"_npmUser":{"name":"danielvigaru","email":"daniel.vigaru@gmail.com"},"_npmVersion":"10.8.2","description":"I wrote this library as a replacement for the jQuery plugin [idTabs by Sean Catchpole](https://www.sunsean.com/idTabs). Of course, the idea is that you don't need jQuery for this one.","directories":{},"_nodeVersion":"20.18.0","_hasShrinkwrap":false,"devDependencies":{"del-cli":"^5.1.0","typescript":"^5.6.2"},"_npmOperationalInternal":{"tmp":"tmp/id-tabs_1.0.0_1728845026383_0.5762978829693071","host":"s3://npm-registry-packages"}},"1.0.1":{"name":"@danielvigaru/id-tabs","version":"1.0.1","keywords":["tabs","tab","id-tabs","tab-system"],"author":{"name":"Daniel Vigaru"},"license":"MIT","_id":"@danielvigaru/id-tabs@1.0.1","maintainers":[{"name":"danielvigaru","email":"daniel.vigaru@gmail.com"}],"bugs":{"url":"https://github.com/danielvigaru/id-tabs/issues"},"dist":{"shasum":"a738ebcb1aca4329f640bdcdb5f5333085b8966a","tarball":"https://registry.npmjs.org/@danielvigaru/id-tabs/-/id-tabs-1.0.1.tgz","fileCount":5,"integrity":"sha512-4T2NfRrKYqa7qS6wWGpRjg6BlZY0tG4HUuyyS0PMbVYV0gP7W4MuZl/Cn/4QHVBDZdMxZIVn4fpx/1AW9ysagQ==","signatures":[{"sig":"MEUCIQDIylSkLMAeC6zQb0OHUjZSMsecflT/w6zpjEClkfcEtAIgcXvphnADWfDgYmTLIWvI3jLLmbY+TwrLyEfiXXLNny8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":7466},"main":"lib/id-tabs.js","type":"module","types":"./lib/id-tabs.d.ts","module":"lib/id-tabs.js","gitHead":"a9d78fad07a7b0d42c8158603d9f3e546da801d6","scripts":{"build":"tsc","prebuild":"del-cli lib/*","prepublishOnly":"npm run build"},"_npmUser":{"name":"danielvigaru","email":"daniel.vigaru@gmail.com"},"_npmVersion":"10.8.2","description":"I wrote this library as a replacement for the jQuery plugin [idTabs by Sean Catchpole](https://www.sunsean.com/idTabs). Of course, the idea is that you don't need jQuery for this one.","directories":{},"_nodeVersion":"20.18.0","_hasShrinkwrap":false,"devDependencies":{"del-cli":"^5.1.0","typescript":"^5.6.2"},"_npmOperationalInternal":{"tmp":"tmp/id-tabs_1.0.1_1728846037250_0.29171271081901695","host":"s3://npm-registry-packages"}},"1.0.2":{"name":"@danielvigaru/id-tabs","version":"1.0.2","keywords":["tabs","tab","id-tabs","tab-system"],"author":{"name":"Daniel Vigaru"},"license":"MIT","_id":"@danielvigaru/id-tabs@1.0.2","maintainers":[{"name":"danielvigaru","email":"daniel.vigaru@gmail.com"}],"bugs":{"url":"https://github.com/danielvigaru/id-tabs/issues"},"dist":{"shasum":"ebea3efd380793e11d664ca86eb04ce3847dc277","tarball":"https://registry.npmjs.org/@danielvigaru/id-tabs/-/id-tabs-1.0.2.tgz","fileCount":6,"integrity":"sha512-su3AR1rqA6LCJDPl2afl30YXml1AbnlAmVb6Ba7pw+yFkRB0ZIzey0wbDT6pxiAY07kBk+pGYG7Duiu8m9cepg==","signatures":[{"sig":"MEQCIGzWDsTmCrC+/OJ98LCzE1Ht70/NcztrxRn7SY2T1itUAiBoj8vRdJvHe0qGgE5l3+pbzr9DuXm0TWhsT88R4fs3aQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":11731},"main":"lib/index.umd.js","module":"lib/id-tabs.mjs","gitHead":"912dac815aead792db62d31147b2f040d3263237","scripts":{"build":"rollup -c","prebuild":"del-cli lib/*","prepublishOnly":"npm run build"},"_npmUser":{"name":"danielvigaru","email":"daniel.vigaru@gmail.com"},"_npmVersion":"10.8.2","description":"I wrote this library as a replacement for the jQuery plugin [idTabs by Sean Catchpole](https://www.sunsean.com/idTabs). Of course, the idea is that you don't need jQuery for this one.","directories":{},"_nodeVersion":"20.18.0","_hasShrinkwrap":false,"devDependencies":{"tslib":"^2.8.1","rollup":"^4.28.1","del-cli":"^5.1.0","typescript":"^5.6.2","@rollup/plugin-typescript":"^12.1.2"},"_npmOperationalInternal":{"tmp":"tmp/id-tabs_1.0.2_1734554426416_0.8835882859024522","host":"s3://npm-registry-packages-npm-production"}},"1.0.3":{"name":"@danielvigaru/id-tabs","version":"1.0.3","keywords":["tabs","tab","id-tabs","tab-system"],"author":{"name":"Daniel Vigaru"},"license":"MIT","_id":"@danielvigaru/id-tabs@1.0.3","maintainers":[{"name":"danielvigaru","email":"daniel.vigaru@gmail.com"}],"homepage":"https://github.com/danielvigaru/id-tabs#readme","bugs":{"url":"https://github.com/danielvigaru/id-tabs/issues"},"dist":{"shasum":"15df03133255b9e280d09c64a0a2530e9201b783","tarball":"https://registry.npmjs.org/@danielvigaru/id-tabs/-/id-tabs-1.0.3.tgz","fileCount":6,"integrity":"sha512-YYNDDBa32sf935pRyf4eLqSNGWEAPChp4d+EgmvhxMFWZuoPoOjLZpzovRtQtubluxyvQ1HiioBNV7aEF+yrEA==","signatures":[{"sig":"MEYCIQDRBBxa5J26zeZWtghMlhj4uhlOA67/mm8DEnWVhqV6NgIhAIHXJH7pHemCx35KeVNZXsx5VDiuHWL/mSFa1fi5QpSE","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":11743},"main":"lib/index.umd.js","module":"lib/id-tabs.mjs","gitHead":"bb185fd13b139df3cd52dbded2910d17c67df9cb","scripts":{"build":"rollup -c","prebuild":"del-cli lib/*","prepublishOnly":"npm run build"},"_npmUser":{"name":"danielvigaru","email":"daniel.vigaru@gmail.com"},"repository":{"url":"git+https://github.com/danielvigaru/id-tabs.git","type":"git"},"_npmVersion":"10.8.2","description":"I wrote this library as a replacement for the jQuery plugin [idTabs by Sean Catchpole](https://www.sunsean.com/idTabs). Of course, the idea is that you don't need jQuery for this one.","directories":{},"_nodeVersion":"20.18.0","_hasShrinkwrap":false,"devDependencies":{"tslib":"^2.8.1","rollup":"^4.28.1","del-cli":"^6.0.0","typescript":"^5.6.2","@rollup/plugin-typescript":"^12.1.2"},"_npmOperationalInternal":{"tmp":"tmp/id-tabs_1.0.3_1738786038891_0.7539853617429919","host":"s3://npm-registry-packages-npm-production"}},"1.0.4":{"name":"@danielvigaru/id-tabs","version":"1.0.4","author":{"name":"Daniel Vigaru"},"license":"MIT","description":"I wrote this library as a replacement for the jQuery plugin [idTabs by Sean Catchpole](https://www.sunsean.com/idTabs). Of course, the idea is that you don't need jQuery for this one.","main":"lib/index.umd.js","module":"lib/id-tabs.mjs","scripts":{"prepublishOnly":"npm run build","prebuild":"del-cli lib/*","build":"rollup -c"},"bugs":{"url":"https://github.com/danielvigaru/id-tabs/issues"},"keywords":["tabs","tab","id-tabs","tab-system"],"devDependencies":{"@rollup/plugin-typescript":"^12.3.0","del-cli":"^6.0.0","rollup":"^4.59.0","tslib":"^2.8.1","typescript":"^5.9.3"},"repository":{"type":"git","url":"git+https://github.com/danielvigaru/id-tabs.git"},"packageManager":"pnpm@10.16.1","gitHead":"dcf718d06a2052ec1ed7963277ee127b1edb2573","_id":"@danielvigaru/id-tabs@1.0.4","homepage":"https://github.com/danielvigaru/id-tabs#readme","_nodeVersion":"24.13.0","_npmVersion":"11.6.2","dist":{"integrity":"sha512-QaP7UJnlF9ec2BEs1P55DBWMPCvBfK4VE6gxT155PyCaPDtfsrPORUd8BEvEoB2EGO8beDnE/RiV2WVSOx2sNA==","shasum":"e04ea2702af219d2e16bf0e3559cc6b31b7b0ced","tarball":"https://registry.npmjs.org/@danielvigaru/id-tabs/-/id-tabs-1.0.4.tgz","fileCount":6,"unpackedSize":11781,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEYCIQCpM6skD0uhH1ANh9XC6zYxDlEf8ijafpwfy2hVG/njPAIhAIo4EbHBz2zVWD4OTTO9dJLsiZHsK1k07dCuHXJmdtKk"}]},"_npmUser":{"name":"danielvigaru","email":"daniel.vigaru@gmail.com"},"directories":{},"maintainers":[{"name":"danielvigaru","email":"daniel.vigaru@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/id-tabs_1.0.4_1772281998152_0.04786631996917046"},"_hasShrinkwrap":false}},"time":{"created":"2024-10-13T18:43:46.291Z","modified":"2026-02-28T12:33:18.384Z","1.0.0":"2024-10-13T18:43:46.570Z","1.0.1":"2024-10-13T19:00:37.440Z","1.0.2":"2024-12-18T20:40:26.609Z","1.0.3":"2025-02-05T20:07:19.133Z","1.0.4":"2026-02-28T12:33:18.284Z"},"bugs":{"url":"https://github.com/danielvigaru/id-tabs/issues"},"author":{"name":"Daniel Vigaru"},"license":"MIT","homepage":"https://github.com/danielvigaru/id-tabs#readme","keywords":["tabs","tab","id-tabs","tab-system"],"repository":{"type":"git","url":"git+https://github.com/danielvigaru/id-tabs.git"},"description":"I wrote this library as a replacement for the jQuery plugin [idTabs by Sean Catchpole](https://www.sunsean.com/idTabs). Of course, the idea is that you don't need jQuery for this one.","maintainers":[{"name":"danielvigaru","email":"daniel.vigaru@gmail.com"}],"readme":"I wrote this library as a replacement for the jQuery plugin [idTabs by Sean Catchpole](https://www.sunsean.com/idTabs). Of course, the idea is that you don't need jQuery for this one.\n\n[![npm](https://img.shields.io/badge/npm-FFF?style=flat&logo=npm&logoColor=fff&color=CB3837)](https://www.npmjs.com/package/@danielvigaru/id-tabs)\n[![Ko-fi](https://img.shields.io/badge/Ko--fi-FF5E5B?style=flat&logo=ko-fi&logoColor=white&color=D34F4C)](https://ko-fi.com/Y8Y1DZBZU)\n\n# How to use IdTabs\n\n```javascript\nimport IdTabs from 'id-tabs';\nIdTabs.init('.your-selector');\n```\n\n1. Create your content and add IDs to the containers\n2. Create a list of anchors, these will be the tabs. Use the previously created IDs as hrefs, like `href=\"#tab-content-id\"`\n3. For initialization, see the examples below:\n\n## Default tab\n\nSet a default tab in a group by adding the class `selected` to its anchor, otherwise, the first tab will be selected by default.\n\n# Examples\n\n### Using your own selector\n\n```html\n
\n \n
\n\n
Tab 1 content
\n
Tab 2 content
\n
Tab 3 content
\n```\n\nInitialize this by running `IdTabs.init('.tab-container ul')` on page load.\n\n### Using the default selector `class=\"idTabs\"`\n\n```html\n
\n \n
\n\n
Tab 4 content
\n
Tab 5 content
\n
Tab 6 content
\n```\n\nThat's all. If you use the `idTabs` class it will be initialized automatically on page load.\n\nNote: You can use it with broad selectors that match multiple lists of anchors, it will create a new instance for each list\n","readmeFilename":"README.md"}