@hackr/chakra-ui-skip-nav
    TypeScript icon, indicating that this package has built-in type declarations

    1.0.0-rc.9 • Public • Published

    @chakra-ui/skip-nav

    Skip navigation link for screen reader and keyboard users. Because the main content is not usually the first thing in the document, it is valuable to provide a shortcut for keyboard and screen reader users to skip to the content.

    If the user does not navigate with the keyboard, they won't see the link.

    Install

    npm i @chakra-ui/skip-nav
    # or 
    yarn add @chakra-ui/skip-nav

    Import

    import { SkipNavLink, SkipNavContent } from "@chakra-ui/skip-nav"

    Usage

    ReactDOM.render(
      <>
        {/* 👇🏻 put the link at the top of your app */}
        <SkipNavLink>Skip to content</SkipNavLink>
        <div>
          <Navbar />
          {/* 👇🏻 and the content next to your main content */}
          <SkipNavContent>
            <App />
          </SkipNavContent>
        </div>
      </>,
      rootNode,
    )

    Install

    npm i @hackr/chakra-ui-skip-nav

    DownloadsWeekly Downloads

    7

    Version

    1.0.0-rc.9

    License

    MIT

    Unpacked Size

    8.42 kB

    Total Files

    4

    Last publish

    Collaborators

    • gnuns