1.0.1 • Published 3 years ago

tailwindcss-no-scrollbar v1.0.1

Weekly downloads
-
License
MIT
Repository
github
Last release
3 years ago

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>