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: 3 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-10T12:41:27.000Z (4 months ago)
• Last Synced: 2024-03-10T13:42:13.392Z (4 months ago)
• Topics: package, scrollbars, tailwindcss, tailwindcss-plugin
• Language: JavaScript
• Homepage: https://www.npmjs.com/package/tailwindcss-no-scrollbar
• Size: 75.2 KB
• Stars: 13
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Lists

• awesome-tailwindcss - No Scrollbar - Exposes `scrollbar-none` to visually hide a scrollbar. (Plugins)

README

        
# TailwindCSS plugin for removing scrollbars

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.



```