{"_id":"@agney/skip-nav","name":"@agney/skip-nav","dist-tags":{"latest":"0.18.0"},"versions":{"0.18.0":{"name":"@agney/skip-nav","version":"0.18.0","description":"Skip navigation links for screen reader and keyboard users.","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/skip-nav"},"dependencies":{"@reach/polymorphic":"0.18.0"},"devDependencies":{"react":"^17.0.2","react-dom":"^17.0.2","tsup":"^6.1.3","@reach-internal/test":"0.0.0","@reach-internal/dev":"0.0.0","@reach-internal/tsconfig":"0.0.0"},"peerDependencies":{"react":"^16.8.0 || 17.x || 18.x","react-dom":"^16.8.0 || 17.x || 18.x"},"main":"./dist/reach-skip-nav.cjs.js","types":"./dist/reach-skip-nav.d.ts","publishConfig":{"access":"public"},"module":"./dist/reach-skip-nav.mjs","scripts":{"build":"tsup"},"bugs":{"url":"https://github.com/reach/reach-ui/issues"},"homepage":"https://github.com/reach/reach-ui#readme","_id":"@agney/skip-nav@0.18.0","_integrity":"sha512-Xtr4o+okIU1Yi8dWDBSWFEhB5p7cov141SQTHelKaS40JyogCperft0mzFkL7gVg3EX1OFnsOoetarazAIJidQ==","_resolved":"/private/var/folders/2w/r2cysk315tg4n_rjv9hb46vw0000gn/T/79370f1e21808fb5e6d426264aa2c67f/agney-skip-nav-0.18.0.tgz","_from":"file:agney-skip-nav-0.18.0.tgz","_nodeVersion":"18.15.0","_npmVersion":"9.5.0","dist":{"integrity":"sha512-Xtr4o+okIU1Yi8dWDBSWFEhB5p7cov141SQTHelKaS40JyogCperft0mzFkL7gVg3EX1OFnsOoetarazAIJidQ==","shasum":"f816c3859d8129f2940bdc5d41860736738ccdd1","tarball":"https://registry.npmjs.org/@agney/skip-nav/-/skip-nav-0.18.0.tgz","fileCount":12,"unpackedSize":18290,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBlVL7WWfZXU1glnOa4cq0NkIrG13RjMToGgtUa9jDM1AiAvzFBzkNM9g8Dve0X2fvTwYi/mFQmDjS7GL8Nb7bM35Q=="}]},"_npmUser":{"name":"agney","email":"agney@outlook.in"},"directories":{},"maintainers":[{"name":"agney","email":"agney@outlook.in"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/skip-nav_0.18.0_1688919686879_0.5445004952186507"},"_hasShrinkwrap":false}},"time":{"created":"2023-07-09T16:21:26.773Z","0.18.0":"2023-07-09T16:21:27.158Z","modified":"2023-07-09T16:21:27.435Z"},"maintainers":[{"name":"agney","email":"agney@outlook.in"}],"description":"Skip navigation links for screen reader and keyboard users.","homepage":"https://github.com/reach/reach-ui#readme","repository":{"type":"git","url":"git+https://github.com/reach/reach-ui.git","directory":"packages/skip-nav"},"author":{"name":"React Training","email":"hello@reacttraining.com"},"bugs":{"url":"https://github.com/reach/reach-ui/issues"},"license":"MIT","readme":"# @agney/skip-nav\n\n[![Stable release](https://img.shields.io/npm/v/@agney/skip-nav.svg)](https://npm.im/@agney/skip-nav) ![MIT license](https://badgen.now.sh/badge/license/MIT)\n\n[Docs](https://reach.tech/skip-nav) | [Source](https://github.com/reach/reach-ui/tree/main/packages/skip-nav) | [WAI-ARIA](https://webaim.org/techniques/skipnav/)\n\nSkip navigation link for screen reader and keyboard users. Because the main content is not usually the first thing in the document, it's valuable to provide a shortcut for keyboard and screen reader users to skip to the content.\n\nIf the user does not navigate with the keyboard, they won't see the link.\n\n```jsx\nimport { SkipNavLink, SkipNavContent } from \"@agney/skip-nav\";\nimport \"@agney/skip-nav/styles.css\";\n\nReactDOM.return(\n\t<React.Fragment>\n\t\t{/* put the link at the top of your app */}\n\t\t<SkipNavLink />\n\t\t<div>\n\t\t\t<YourNav />\n\t\t\t{/* and the content next to your main content */}\n\t\t\t<SkipNavContent />\n\t\t\t<YourMainContent />\n\t\t</div>\n\t</React.Fragment>,\n\trootNode\n);\n```\n","readmeFilename":"README.md"}