Cześć!
Dzisiaj zajmiemy się dodaniem pluginu dla scrollbara naszego projektu.
Na dobry początek zajmiemy się instalacją paczki tailwind-scrollbar przy pomocy npm.
npm i tailwind-scrollbar
Po pomyślnej instalacji przejdziemy do konfiguracji.
W pliku tailwind.config.js musimy wstawić następującą linijkę:
plugins: [
// inne nasze pluginy
require('tailwind-scrollbar'),
],
Następnie do tagu body naszego projektu wstawiamy przykładowo taki kod:
scrollbar scrollbar-thumb-blue-700 scrollbar-track-blue-300 overflow-y-scroll hover:scrollbar-thumb-green-700
Efekt końcowy oraz dokładny opis wykorzystania pluginu znajdziecie tutaj
