https://github.com/kostberg/react-custom-scrollbar

Blazing fast react custom scrollbar component ⚡
https://github.com/kostberg/react-custom-scrollbar

Last synced: 15 days ago
JSON representation

Blazing fast react custom scrollbar component ⚡

• Host: GitHub
• URL: https://github.com/kostberg/react-custom-scrollbar
• Owner: kostberg
• Created: 2020-09-16T19:02:25.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2020-09-16T21:01:39.000Z (over 4 years ago)
• Last Synced: 2024-11-01T21:35:54.661Z (5 months ago)
• Language: JavaScript
• Homepage:
• Size: 11.7 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

• awesome-blazingly-fast - react-custom-scrollbar - Blazing fast react custom scrollbar component ⚡ (JavaScript)

README

        
![Mozilla Add-on](https://img.shields.io/amo/dw/webmail-ad-blocker?style=for-the-badge) ![Mozilla Add-on](https://img.shields.io/amo/stars/dustman?style=for-the-badge)

# React custom scrollbar ⚡

## Props/Options

+ className = "scrollbar" (string)

+ disabled = false (boolean, use this to disable scroll on for example integrating menus with this)

+ height = "content" (content or any acceptable css value for height)

+ autohide = 0 (integer)

## Styling 💅

Easiest way is just to edit the provided scss file manually or hook use classname provided in the component props with you own css file

## Usage:

```javascript

import CustomScrollbar from './components/CustomScrollbar';

const Component = (

  

    // Content goes here...

  

)

```

## Installment

Just download all the files in this repository and put them in ur prefered folders. Just make sure the dependecies has the correct paths 😎