redwebcreation / tailwindcss-no-scrollbar

This plugin exposes a class that hides the browser's default scrollbar using various tricks.

TailwindCSS plugin for removing scrollbars

This plugin exposes a class that hides the browser's default scrollbar using various tricks.

Installation

npm install --save-dev tailwindcss-no-scrollbar

or

yarn add -D tailwindcss-no-scrollbar

Usage

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

Then, add .scrollbar-none on the overflowing element.

<div class="overflow-x-auto whitespace-nowrap w-24 scrollbar-none">
    Some long text which will overflow for sure. Please is it enough? Surely.
</div>