0.0.13 • Published 4 years ago

react-skip-nav v0.0.13

Weekly downloads
15
License
MIT
Repository
github
Last release
4 years ago

react-skip-nav

A react component that allows the user to skip to the main content of a website/app. The component will only be visible when focused.

For feature requests and bug reports, please open up a new issue HERE.

Installation

To install this component: yarn add react-skip-nav or npm install react-skip-nav.

Usage

Using the component in your React app:

import React from 'react';
import SkipNav from 'react-skip-nav';

// import our styles
import "react-skip-nav/lib/style.css";


const MyComponent = (props) => {
  return (
    <SkipNav
      id='main-content',
      text='skip to main content',
      targetDomId='main-content'
    />
    <Header />
    <div id="main-content">
      <MainContent />
    </div>
  )
}

export default MyComponent;

It is important to place the component as close to the top of the page as possible so that it is the first (or one of the first) elements a user will tab navigate to.

Available Props

0.0.13

4 years ago

0.0.12

8 years ago

0.0.11

8 years ago

0.0.10

8 years ago

0.0.9

8 years ago

0.0.8

8 years ago

0.0.7

8 years ago

0.0.6

8 years ago

0.0.5

8 years ago

0.0.4

8 years ago

0.0.3

8 years ago

0.0.2

8 years ago

0.0.1

8 years ago