react-customscroll
Version:
This is a tiny React component for scroll bar customization, without dependencies but with a lot of features.
54 lines (39 loc) • 1.08 kB
Markdown
# React CustomScroll 5.1
**React-customscroll** is a tiny React component for scroll bar customization, without dependencies but with a lot of features.
[Demo](http://natrube.net/custom-scroll/index.html)
## Features:
- React 19 support
- TypeScript support
- Extremely small size (11kb)
- Without dependencies
- Easy customization, simple api
- Native OS scroll behavior
- Cross browser
- Animate scrollTo feature
- RTL support
- Server Side Rendering support
- Scroll snap support
## Usage
### Step 1:
```
npm install react-customscroll -save
```
### Step 2:
**React-customscroll** works like native browser scroll.
You should paste the component inside the block with scrollable data.
For instance:
```jsx
import CustomScroll from 'react-customscroll';
```
```jsx
<div className="block-with-scrolling">
<CustomScroll>
...long_data_here...
</CustomScroll>
</div>
```
If block with a native browser scroll works well it will work with **React-customscroll**
---
[Examples](https://github.com/AlexSergey/react-customscroll/tree/master/example)
## License
MIT