Skip to content

redwebcreation/tailwindcss-no-scrollbar

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

54 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

TailwindCSS plugin for removing scrollbars

Download Count (30k)

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>