JSPM

  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 537560
  • Score
    100M100P100Q190675F
  • License MIT

Tailwind plugin for styling scrollbars

Package Exports

  • tailwind-scrollbar
  • tailwind-scrollbar/src/index.js

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (tailwind-scrollbar) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

Scrollbar Plugin for Tailwind CSS

Tests Codacy Badge npm

tailwind-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
# npm
npm install --save-dev tailwind-scrollbar
# yarn
yarn add -D tailwind-scrollbar
# pnpm
pnpm add -D tailwind-scrollbar
  1. Add the plugin to your Tailwind config
@import 'tailwindcss';

/* ... */

@plugin 'tailwind-scrollbar';

Usage

See the documentation.

License

This project is licensed under the MIT License.