{"_id":"@dontgoplastic/tab-nav","_rev":"3-01b33b166448ea03fe35f39193fdc18c","name":"@dontgoplastic/tab-nav","description":"An accessible tab navigation component","dist-tags":{"latest":"0.0.3"},"versions":{"0.0.1":{"name":"@dontgoplastic/tab-nav","version":"0.0.1","description":"An accessible tab navigation component","repository":{"type":"git","url":"git+https://github.com/dontgoplastic/tab-nav.git"},"module":"dist/tab-nav.es.js","main":"dist/tab-nav.js","umd:main":"dist/tab-nav.umd.js","keywords":["a11y","accessible","accessiblity","navigation","tab"],"files":["dist","src"],"dependencies":{},"devDependencies":{"microbundle":"^0.3.1"},"source":"src/TabNav.js","scripts":{"build":"microbundle --name TabNav","dev":"microbundle watch --name TabNav"},"author":{"name":"Billy White","email":"billy.white@gmail.com"},"license":"MIT","gitHead":"c932591c6589562beec961cf39bc7fcfd2d230b7","bugs":{"url":"https://github.com/dontgoplastic/tab-nav/issues"},"homepage":"https://github.com/dontgoplastic/tab-nav#readme","_id":"@dontgoplastic/tab-nav@0.0.1","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"dontgoplastic","email":"billy.white@gmail.com"},"dist":{"integrity":"sha512-pfgTfNsC8+pPqQVPHgrTb65G/DW4fHemYhgsyBVPZI0f0i7ukKlJaShfqWaAasBTsvdCCPqmHvp4oPxUmpJH4w==","shasum":"2ae4bb78ecb3b63031e0cef07d879478841b2452","tarball":"https://registry.npmjs.org/@dontgoplastic/tab-nav/-/tab-nav-0.0.1.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIG/oAgaGYILS4NOzIfsvMn0qc6jlOQMzrBaCqCola/ChAiAofHLox143UsQtXgh7mAse73Oc1pr83FmTQOSByJFJpg=="}]},"maintainers":[{"name":"dontgoplastic","email":"billy.white@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/tab-nav-0.0.1.tgz_1516675023891_0.25912402640096843"}},"0.0.2":{"name":"@dontgoplastic/tab-nav","version":"0.0.2","description":"An accessible tab navigation component","repository":{"type":"git","url":"git+https://github.com/dontgoplastic/tab-nav.git"},"module":"dist/tab-nav.es.js","main":"dist/tab-nav.js","umd:main":"dist/tab-nav.umd.js","keywords":["a11y","accessible","accessiblity","navigation","tab"],"files":["dist","src"],"dependencies":{},"devDependencies":{"microbundle":"^0.4.2"},"source":"src/TabNav.js","scripts":{"build":"microbundle --name TabNav","dev":"microbundle watch --name TabNav"},"author":{"name":"Billy White","email":"billy.white@gmail.com"},"license":"MIT","gitHead":"28d9b969dfdbe11291310009ddfc7f4e810c6ed9","bugs":{"url":"https://github.com/dontgoplastic/tab-nav/issues"},"homepage":"https://github.com/dontgoplastic/tab-nav#readme","_id":"@dontgoplastic/tab-nav@0.0.2","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"dontgoplastic","email":"billy.white@gmail.com"},"dist":{"integrity":"sha512-t9DTLijkzRRdlpz9XXOMZkYkjJBt1/S/y7Y8ggF9gj5rmmiuRwRZ4BQF2oSFPzPFeH/k/Tn3HUAIsa03glyheQ==","shasum":"0cc36069a51e507767f9fb83d4850e0234325398","tarball":"https://registry.npmjs.org/@dontgoplastic/tab-nav/-/tab-nav-0.0.2.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICw03ZOAwf67HzQ4elGf4Rcztajdea0owXY1p55ZUPtsAiAc91uMwbtNrj/NbVRHGKY5bId4tfAoYU9F191h+fM14w=="}]},"maintainers":[{"name":"dontgoplastic","email":"billy.white@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/tab-nav-0.0.2.tgz_1516846613780_0.04490323085337877"}},"0.0.3":{"name":"@dontgoplastic/tab-nav","version":"0.0.3","description":"An accessible tab navigation component","repository":{"type":"git","url":"git+https://github.com/dontgoplastic/tab-nav.git"},"module":"dist/tab-nav.es.js","main":"dist/tab-nav.js","umd:main":"dist/tab-nav.umd.js","keywords":["a11y","accessible","accessiblity","navigation","tab"],"files":["dist","src"],"dependencies":{},"devDependencies":{"eslint":"^4.16.0","eslint-config-airbnb":"^16.1.0","eslint-plugin-import":"^2.8.0","eslint-plugin-jsx-a11y":"^6.0.3","eslint-plugin-react":"^7.6.0","microbundle":"^0.4.2"},"source":"src/TabNav.js","scripts":{"build":"microbundle --name TabNav","dev":"microbundle watch --name TabNav"},"author":{"name":"Billy White","email":"billy.white@gmail.com"},"license":"MIT","gitHead":"3989b96f457275103b65fe1be6812533611422b9","bugs":{"url":"https://github.com/dontgoplastic/tab-nav/issues"},"homepage":"https://github.com/dontgoplastic/tab-nav#readme","_id":"@dontgoplastic/tab-nav@0.0.3","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"dontgoplastic","email":"billy.white@gmail.com"},"dist":{"integrity":"sha512-vs+/S7m6ZSqJhTvdr/tRn0bOB2HPboWq1akp7cdoywLL7FfA8t71L8DQYAGhFUmywxnYwXdbLxZGU0T0i3IwgQ==","shasum":"e70a8750d39dc183cc84679e4eaedf07e1cd522d","tarball":"https://registry.npmjs.org/@dontgoplastic/tab-nav/-/tab-nav-0.0.3.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCeN8BhbTmfx2W9yweO22YbHx7n15iyAbrS39uNU3+XlwIhAOD6ZTnoekZaNf46ZjT1RPrZ8OWQAzVB8HaM4eId4K0m"}]},"maintainers":[{"name":"dontgoplastic","email":"billy.white@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/tab-nav-0.0.3.tgz_1516941198316_0.5251949087250978"}}},"readme":"# tab-nav\n\nAn easy-to-use, zero-dependency, and accessible tab navigation component\n\n[Demo](https://dontgoplastic.github.io/tab-nav/demo)\n\n## How to use\n\nCreate a list with corresponding content targets:\n\n```html\n<ul id=\"repo-nav\">\n  <li data-tab-content-id=\"all\">All</li>\n  <li data-tab-content-id=\"public\">Public</li>\n  <li data-tab-content-id=\"private\">Private</li>\n</ul>\n\n<section id=\"all\"> ... </section>\n<section id=\"public\"> ... </section>\n<section id=\"private\"> ... </section>\n```\n\nKick off a TabNav:\n\n```js\nnew TabNav('#repo-nav');\n```\n\nInstances can be configured with a few options:\n\n```js\nnew TabNav('#repo-nav', {\n  activeClass: 'active',\n  onChange: (tabElement, contentElement) => {\n    // ...\n  }\n});\n```\n| Name | Default Value | Description |\n| --- | --- | --- |\n| activeClass | `'active'` | Class applied to expanded tabs |\n| onChange | `null` | Callback for when expaned tabs change. Provides the tab and revealed content target elements as arguments |\n\n\n\n## Styles\n\nBring your own!\n\n## What it does\n\n* `role` attribute values `tablist`, `tab`, and `tabpanel` will be added to the list, list items, and content targets.\n* `tabindex=\"0\"` added to the expanded tab and all content targets.\n* With a tab focused, <kbd>↑</kbd> or <kbd>←</kbd> will focus the previous tab, <kbd>↓</kbd> or <kbd>→</kbd> the next.\n* Tabs will be expanded on mouse click. Focused tabs will can be expanded by pressing either <kbd>Enter</kbd> or <kbd>Space</kbd>.\n* A tab with the `activeClass` (or the first tab if not present) will be auto-expanded.\n* All non-expanded content targets will be hidden via `display: none;`.\n* If ids aren't already present, unique ids are auto-assigned to all tabs and content targets to facilitate `aria-labelledby` and `aria-controls` hook-up.","maintainers":[{"name":"dontgoplastic","email":"billy.white@gmail.com"}],"time":{"modified":"2022-04-05T05:15:57.759Z","created":"2018-01-23T02:37:04.063Z","0.0.1":"2018-01-23T02:37:04.063Z","0.0.2":"2018-01-25T02:16:54.662Z","0.0.3":"2018-01-26T04:33:18.430Z"},"homepage":"https://github.com/dontgoplastic/tab-nav#readme","keywords":["a11y","accessible","accessiblity","navigation","tab"],"repository":{"type":"git","url":"git+https://github.com/dontgoplastic/tab-nav.git"},"author":{"name":"Billy White","email":"billy.white@gmail.com"},"bugs":{"url":"https://github.com/dontgoplastic/tab-nav/issues"},"license":"MIT","readmeFilename":"README.md"}