Tailwind CSS Skip Link plugin

Overview

``sh


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:

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

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

`html
Skip to main content
`

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

`html



``

Example

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

Author

Oliver Davies - Full Stack Developer