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

Package Sidebar

Install

npm i tailwindcss-skip-link

Weekly Downloads

98

Version

1.0.1

License

MIT

Unpacked Size

3.08 kB

Total Files

4

Last publish

Collaborators

  • opdavies