Nextjs Perfect Scrollbar

“Minimalistic but perfect custom scrollbar plugin.”

!IMPORTANT Perfect Scrollbar is applied on the mainPanel wrapper div inside layouts/Admin.js, SidebarWrapper component inside components/Sidebar/Sidebar.js and wrapper div inside layouts/Auth.js so we will have a nice scrollbar that is visible only when you actually scroll. Since it is changing the overflows of the CSS it is also affecting the child elements which have a scroll so please make sure that you add the class .ps-child to any element that should have scroll.

Styles PRO

You will find the styles for this component in assets/scss/nextjs-material-dashboard-pro/plugins/_plugin-perfect-scrollbar.scss.


If you want to see more examples and properties please check the Official Github Repository.