https://github.com/redwebcreation/tailwindcss-no-scrollbar

This plugin exposes a class that hides the browser's default scrollbar using various tricks.
https://github.com/redwebcreation/tailwindcss-no-scrollbar

package scrollbars tailwindcss tailwindcss-plugin

Last synced: about 2 months ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/redwebcreation/tailwindcss-no-scrollbar
• Owner: redwebcreation
• License: mit
• Created: 2021-03-07T17:34:02.000Z (over 3 years ago)
• Default Branch: master
• Last Pushed: 2024-03-28T08:57:47.000Z (6 months ago)
• Last Synced: 2024-04-29T18:08:49.663Z (5 months ago)
• Topics: package, scrollbars, tailwindcss, tailwindcss-plugin
• Language: JavaScript
• Homepage: https://www.npmjs.com/package/tailwindcss-no-scrollbar
• Size: 88.9 KB
• Stars: 14
• Watchers: 2
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# TailwindCSS plugin for removing scrollbars

![Download Count (30k)](https://img.shields.io/npm/dt/tailwindcss-no-scrollbar)

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

## Installation

```bash

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

```

or

```bash

yarn add -D tailwindcss-no-scrollbar

```

## Usage

````js

// tailwind.config.js

module.exports = {

    plugins: [

        require('tailwindcss-no-scrollbar')

    ]

}

````

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

```html



    Some long text which will overflow for sure. Please is it enough? Surely.



```