{"_id":"@blinq-reach/tabs","name":"@blinq-reach/tabs","dist-tags":{"latest":"0.18.0"},"versions":{"0.18.0":{"name":"@blinq-reach/tabs","version":"0.18.0","description":"Accessible React Tabs Component","author":{"name":"React Training","email":"hello@reacttraining.com"},"license":"MIT","sideEffects":["*.css"],"repository":{"type":"git","url":"git+https://github.com/reach/reach-ui.git","directory":"packages/tabs"},"dependencies":{"@blinq-reach/auto-id":"0.18.0","@blinq-reach/descendants":"0.18.0","@blinq-reach/polymorphic":"0.18.0","@blinq-reach/utils":"0.18.0"},"devDependencies":{"react":"^18.2.0","react-dom":"^18.2.0","tsup":"^6.1.3","@reach-internal/dev":"0.0.0","@reach-internal/test":"0.0.0","@reach-internal/tsconfig":"0.0.0"},"peerDependencies":{"react":"^18.2.0","react-dom":"^18.2.0"},"main":"./dist/reach-tabs.cjs.js","types":"./dist/reach-tabs.d.ts","publishConfig":{"access":"public"},"module":"./dist/reach-tabs.mjs","scripts":{"build":"tsup"},"bugs":{"url":"https://github.com/reach/reach-ui/issues"},"homepage":"https://github.com/reach/reach-ui#readme","_id":"@blinq-reach/tabs@0.18.0","_integrity":"sha512-BVaZarKuGYPWaef5EanxUwXKxfp/BJVv2slRX+v6XKdfwP+uLsyG4kSjGXRmYwgTeG2skRy2N4ZbT216PVZrNQ==","_resolved":"/tmp/1760141dee876135ec492499478ac487/blinq-reach-tabs-0.18.0.tgz","_from":"file:blinq-reach-tabs-0.18.0.tgz","_nodeVersion":"18.16.0","_npmVersion":"9.5.1","dist":{"integrity":"sha512-BVaZarKuGYPWaef5EanxUwXKxfp/BJVv2slRX+v6XKdfwP+uLsyG4kSjGXRmYwgTeG2skRy2N4ZbT216PVZrNQ==","shasum":"5865f363a76c0776272c519082d3a9018185fe36","tarball":"https://registry.npmjs.org/@blinq-reach/tabs/-/tabs-0.18.0.tgz","fileCount":5,"unpackedSize":5374,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDyEbEQBT5k/zE6PIbOElI9xs+y9wG083OcHHMzTG7uuAIgJHHmNikAD+8KsampTSlgO0c7ZXjQN2G398/i6+djHDE="}]},"_npmUser":{"name":"willhackett","email":"will@willhackett.com"},"directories":{},"maintainers":[{"name":"willhackett","email":"will@willhackett.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/tabs_0.18.0_1684374054988_0.8987515142340547"},"_hasShrinkwrap":false}},"time":{"created":"2023-05-18T01:40:54.900Z","0.18.0":"2023-05-18T01:40:55.220Z","modified":"2023-05-18T01:40:55.461Z"},"maintainers":[{"name":"willhackett","email":"will@willhackett.com"}],"description":"Accessible React Tabs Component","homepage":"https://github.com/reach/reach-ui#readme","repository":{"type":"git","url":"git+https://github.com/reach/reach-ui.git","directory":"packages/tabs"},"author":{"name":"React Training","email":"hello@reacttraining.com"},"bugs":{"url":"https://github.com/reach/reach-ui/issues"},"license":"MIT","readme":"# @reach/tabs\n\n[![Stable release](https://img.shields.io/npm/v/@reach/tabs.svg)](https://npm.im/@reach/tabs) ![MIT license](https://badgen.now.sh/badge/license/MIT)\n\n[Docs](https://reach.tech/tabs) | [Source](https://github.com/reach/reach-ui/tree/main/packages/tabs) | [WAI-ARIA](https://www.w3.org/TR/wai-aria-practices-1.2/#tabpanel)\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree. None of the components are empty wrappers, each is associated with a real DOM element in the document, giving you maximum control over styling and composition.\n\nYou can render any other elements you want inside of `Tabs`, but `TabList` should only render `Tab` elements, and `TabPanels` should only render `TabPanel` elements.\n\n```jsx\nimport { Tabs, TabList, Tab, TabPanels, TabPanel } from \"@blinq-reach/tabs\";\nimport \"@reach/tabs/styles.css\";\n\nfunction Example() {\n\treturn (\n\t\t<Tabs>\n\t\t\t<TabList>\n\t\t\t\t<Tab>One</Tab>\n\t\t\t\t<Tab>Two</Tab>\n\t\t\t\t<Tab>Three</Tab>\n\t\t\t</TabList>\n\n\t\t\t<TabPanels>\n\t\t\t\t<TabPanel>\n\t\t\t\t\t<p>one!</p>\n\t\t\t\t</TabPanel>\n\t\t\t\t<TabPanel>\n\t\t\t\t\t<p>two!</p>\n\t\t\t\t</TabPanel>\n\t\t\t\t<TabPanel>\n\t\t\t\t\t<p>three!</p>\n\t\t\t\t</TabPanel>\n\t\t\t</TabPanels>\n\t\t</Tabs>\n\t);\n}\n```\n","readmeFilename":"README.md"}