https://github.com/sanusart/react-scrollpad

<ScrollPad/> - get scrollbar with padding (when overflown)
https://github.com/sanusart/react-scrollpad

react reactjs scrollbar

Last synced: 23 days ago
JSON representation

<ScrollPad/> - get scrollbar with padding (when overflown)

• Host: GitHub
• URL: https://github.com/sanusart/react-scrollpad
• Owner: sanusart
• Created: 2018-09-06T21:33:51.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2018-10-17T08:07:46.000Z (about 6 years ago)
• Last Synced: 2024-11-30T11:48:11.240Z (about 1 month ago)
• Topics: react, reactjs, scrollbar
• Language: JavaScript
• Homepage: https://sanusart.github.io/react-scrollpad/
• Size: 128 KB
• Stars: 0
• Watchers: 3
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# react-scrollpad

> <ScrollPad/> - get scrollbar with padding (when overflown)

### installation

> `npm install --save react-scrollpad`

### Usage

```jsx

import React from 'react';

import {render} from 'react-dom';

import ScrollPad from 'react-scrollpad';

const App = () => (

  


    

      


        
Scroll

        
Scroll

        
Scroll

        ...

      


    

  

);


render(, document.getElementById("root"));

```

### Available props

**prop**|**type**|**default**

:-----:|:-----:|:-----:

style | PropTypes.object | {}

rtl | PropTypes.bool | false

pad | PropTypes.string | 20px

className | PropTypes.string |

### Demo

> https://sanusart.github.io/react-scrollpad/