search

adoxography / tailwind-scrollbar

Scrollbar plugin for Tailwind CSS
MIT License
951 stars 39 forks source link

rounded doesn't work #20

Closed niklasgrewe closed 3 years ago

niklasgrewe commented 3 years ago

Hi, first thanks for this utility plugin 👍 I use the latest version and i want to make my scrollbar rounded, but the following code doesn't work:

<div className="h-64 overflow-auto scrollbar-thin rounded-md" />
<div className="h-64 overflow-auto scrollbar-thin scrollbar-thumb-rounded" />

What do i need to change, to get this working?

Xoffio commented 3 years ago

Hi @niklasgrewe , Did you add scrollbar: ['rounded'] into the variants of your tailwind.config.js file? It should look something like this:

module.exports = {
    plugins: [
        require('tailwind-scrollbar')
    ],
    variants: {
        scrollbar: ['rounded']
    }
};

Here are some examples

niklasgrewe commented 3 years ago

Sorry i forgot that, my mistake thank you, it works now