Unleash awesomeness. Private packages, team management tools, and powerful integrations. Get started with npm Orgs »

tailwindcss-skip-link

1.0.1 • Public • Published

Tailwind CSS Skip Link plugin

Overview

# Using npm 
npm install --save-dev tailwindcss-skip-link
 
# Using yarn 
yarn add --dev tailwindcss-skip-link

Usage

You can add the plugin to your Tailwind config as follows:

plugins: [
  // ...
  require('tailwindcss-skip-link')(),
],

Within your HTML, add the skip link straight after the body tag along with any other additional classes:

<a href="#main-content" class="skip-link">Skip to main content</a>

Then add the matching ID to skip to on your main content element.

<div id="main-content">
    <h1>Lorem ipsum</h1>
</div>

Example

To see an example of this plugin in use, see the oliverdavies.uk repository.

Author

Oliver Davies - Full Stack Developer

install

npm i tailwindcss-skip-link

Downloadsweekly downloads

6

version

1.0.1

license

MIT

homepage

github.com

repository

Gitgithub

last publish

collaborators

  • avatar
Report a vulnerability