@chakra-ui/skip-nav - npm Package Compare versions

Comparing version 2.0.6 to 2.0.7

package.json

		{
		"name": "@chakra-ui/skip-nav",
		"version": "2.0.6",
		"version": "2.0.7",
		"description": "Skip navigation links for screen reader and keyboard users",
		@@ -38,7 +38,7 @@ "keywords": [
		"devDependencies": {
		"@chakra-ui/system": "2.2.4",
		"@chakra-ui/system": "2.2.5",
		"react": "^18.0.0"
		},
		"dependencies": {
		"@chakra-ui/utils": "2.0.6"
		"@chakra-ui/utils": "2.0.7"
		},
		@@ -55,4 +55,3 @@ "peerDependencies": {
		"build:fast": "JSX=1 tsup src/index.ts"
		},
		"readme": "# @chakra-ui/skip-nav\n\nSkip navigation link for screen reader and keyboard users. Because the main\ncontent is not usually the first thing in the document, it is valuable to\nprovide 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## Install\n\n```sh\nnpm i @chakra-ui/skip-nav\n# or\nyarn add @chakra-ui/skip-nav\n```\n\n## Import\n\n```jsx\nimport { SkipNavLink, SkipNavContent } from \"@chakra-ui/skip-nav\"\n```\n\n## Usage\n\n```jsx\nReactDOM.render(\n <>\n {/* 👇🏻 put the link at the top of your app /}\n <SkipNavLink>Skip to content</SkipNavLink>\n <div>\n <Navbar />\n {/ 👇🏻 and the content next to your main content */}\n <SkipNavContent>\n <App />\n </SkipNavContent>\n </div>\n </>,\n rootNode,\n)\n```\n"
		}
		}

dist/index.cjs.js

dist/index.d.ts

dist/index.esm.js

New alerts