Novices Performing Miracles

    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

    14

    Version

    1.0.1

    License

    MIT

    Unpacked Size

    3.08 kB

    Total Files

    4

    Last publish

    Collaborators

    • opdavies