https://github.com/adoxography/tailwind-scrollbar
Scrollbar plugin for Tailwind CSS
https://github.com/adoxography/tailwind-scrollbar
Last synced: 3 months ago
JSON representation
Scrollbar plugin for Tailwind CSS
- Host: GitHub
- URL: https://github.com/adoxography/tailwind-scrollbar
- Owner: adoxography
- License: mit
- Created: 2020-09-01T22:23:57.000Z (almost 5 years ago)
- Default Branch: main
- Last Pushed: 2025-02-23T23:08:33.000Z (4 months ago)
- Last Synced: 2025-03-18T12:51:00.353Z (3 months ago)
- Language: JavaScript
- Size: 1.19 MB
- Stars: 1,064
- Watchers: 6
- Forks: 43
- Open Issues: 3
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Scrollbar Plugin for Tailwind CSS
[](https://www.codacy.com/gh/adoxography/tailwind-scrollbar/dashboard?utm_source=github.com&utm_medium=referral&utm_content=adoxography/tailwind-scrollbar&utm_campaign=Badge_Grade)
`tailwind-scrollbar` is a plugin for [Tailwind CSS](https://tailwindcss.com) that adds styling utilities for scrollbars with cross-browser support.
## Motivation
There are currently two competing standards for styling scrollbars amongst browsers: the [scrollbar-width](https://developer.mozilla.org/en-US/docs/Web/CSS/scrollbar-width) and [scrollbar-color](https://developer.mozilla.org/en-US/docs/Web/CSS/scrollbar-color) properties used by Firefox and newer Chromium-based browsers, and the [::-webkit-scrollbar](https://developer.mozilla.org/en-US/docs/Web/CSS/::-webkit-scrollbar) family of pseudoelements used by everything else. This plugin defines a single API for configuring both standards at once from within Tailwind.
## Installation
1. Add the package to your project
```bash
# npm
npm install --save-dev tailwind-scrollbar
# yarn
yarn add -D tailwind-scrollbar
# pnpm
pnpm add -D tailwind-scrollbar
```
2. Add the plugin to your Tailwind config
```css
@import 'tailwindcss';
/* ... */
@plugin 'tailwind-scrollbar';
```
## Usage
See the [documentation](https://adoxography.github.io/tailwind-scrollbar/examples).
## License
This project is licensed under the [MIT License](/LICENSE).