Scrollbar Plugin for Tailwind CSS
!
Tests
!
npmtailwind-scrollbar is a plugin for Tailwind CSS 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 and
scrollbar-color properties used by Firefox and newer Chromium-based browsers, and the
::-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.
License
This project is licensed under the MIT License.