zigmax809 / tailwind-scrollbar-daisyui Goto Github PK

View Code? Open in Web Editor NEW

3.0 3.0 0.0 286 KB

Scrollbar plugin for Tailwind CSS & daisyUI

License: MIT License

JavaScript 99.11% HTML 0.89%

daisyui tailwind tailwindcss

tailwind-scrollbar-daisyui's Introduction

tailwind-scrollbar-daisyui's People

Contributors

Stargazers

Watchers

tailwind-scrollbar-daisyui's Issues

using daisyui colors

i just found about this amazing library but when i use it with daisyui colors it doesn't work

<ul tabIndex={0} className="dropdown-content z-[1] menu p-2 shadow bg-base-100 rounded-box w-52 max-h-48 overflow-y-scroll flex-nowrap overflow-hidden scrollbar-thin scrollbar-thumb-primary scrollbar-track-gray-200 ">
         {
          themes.map((theme) => (
          <li onClick={() => handleThemeChange(theme)}><a>{theme}</a></li>
          ))
          }
          
        </ul>

the scrollbar-thumb-primary seems not working

scrollbar-thumb-rounded-md class does not exist.

can't get it to work on [email protected] ?
The scrollbar-thumb-rounded-md class does not exist. If scrollbar-thumb-rounded-md is a custom class, make sure it is defined within a @layer directive.

const listboxClass = ctl(`
  scrollbar-thin
  dark:scrollbar-thumb-slate-750
  dark:scrollbar-track-slate-850
  scrollbar-thumb-rounded-md
  absolute
  py-1
  mt-1
  overflow-auto
  text-13
  text-secondary
  bg-white
  dark:bg-slate-850
  rounded-md
  shadow-lg
  max-h-60
  focus:outline-none
  space-y-0.5
  font-medium
`)

Recommend Projects