Nobody Prefers Margarine

    tailwind-scrollbar-hide

    1.1.7 • Public • Published

    tailwind-scrollbar-hide

    Tailwind plugin for hide scrollbars, although the element can still be scrolled if the element's content overflows.

    npm npm Dependents (via libraries.io) semantic-release install size

    Firefox >=64 Chrome >= 2 Safari >= 4 Internet Explorer >= 10

    tailwind-scrollbar-hide animation demo

    Live demo

    Installation

    Install the plugin from npm:

    # Using npm
    npm install tailwind-scrollbar-hide
    
    # Using Yarn
    yarn add tailwind-scrollbar-hide
    
    # Using pnpm
    pnpm add tailwind-scrollbar-hide

    Then add the plugin to your tailwind.config.js file:

    // tailwind.config.js
    module.exports = {
      theme: {
        // ...
      },
      plugins: [
        require('tailwind-scrollbar-hide')
        // ...
      ]
    }

    Usage

    Use in you template scrollbar-hide for visual hiding scrollbar

    <div class="w-4 scrollbar-hide">...</div>

    or restore default value use scrollbar-default

    <div class="w-4 scrollbar-hide md:scrollbar-default">...</div>

    License

    MIT

    Install

    npm i tailwind-scrollbar-hide

    DownloadsWeekly Downloads

    23,938

    Version

    1.1.7

    License

    MIT

    Unpacked Size

    4.74 kB

    Total Files

    4

    Last publish

    Collaborators

    • reslear