<commit_before># react-scroll-area

[![NPM](https://nodei.co/npm/xico2k-react-scroll-area.png?downloads=true&downloadRank=true)](https://npmjs.org/package/xico2k-react-scroll-area)

A scroll area wrapper to mimic Facebook Scroll Area


## Installation
With [npm](https://www.npmjs.com):
```
$ npm i xico2k-react-scroll-area
```
or with [yarn](https://yarnpkg.com):
```
$ yarn add xico2k-react-scroll-area
```

## Usage

On your component add:

```javascript
import ScrollArea from 'xico2k-react-scroll-area';
```
To render:

```html
<ScrollArea>
    Some Content
</ScrollArea>
```

### Props and Examples

| Property | Type | Default Value | Description |
|----------|--------------------|----------|----------------------|
width                | string / number |  | Ex: 100% / 100px / 100 |
height               | string / number |  | Ex: 100% / 100px / 100 |
trackHidden          | bool | false |
trackHideTime        | int | 1000 | Milliseconds |
minHandlerHeight     | int | 70 | Pixels |
trackMargin          | int | 4 | Pixels |
onScroll             | func |  | callback with <br> { <br>scrollTop: 50, <br>innerHeight: 100, <br>outerHeight: 50, <br>complete: 0.5 <br>} |

<commit_msg>add props to readme<commit_after># react-scroll-area

[![NPM](https://nodei.co/npm/xico2k-react-scroll-area.png?downloads=true&downloadRank=true)](https://npmjs.org/package/xico2k-react-scroll-area)

A scroll area wrapper to mimic Facebook Scroll Area


## Installation
With [npm](https://www.npmjs.com):
```
$ npm i xico2k-react-scroll-area
```
or with [yarn](https://yarnpkg.com):
```
$ yarn add xico2k-react-scroll-area
```

## Usage

On your component add:

```javascript
import ScrollArea from 'xico2k-react-scroll-area';
```
To render:

```html
<ScrollArea>
    Some Content
</ScrollArea>
```

### Props and Examples

| Property | Type | Default Value | Description |
|----------|--------------------|----------|----------------------|
width                | string / number |  | Ex: 100% / 100px / 100 |
height               | string / number |  | Ex: 100% / 100px / 100 |
trackHidden          | bool | false |
trackHideTime        | int | 1000 | Milliseconds |
minHandlerHeight     | int | 70 | Pixels |
trackMargin          | int | 4 | Pixels |
onScroll             | func |  | callback with { <br>scrollTop: 50, <br>    innerHeight: 100, <br>  outerHeight: 50, <br>   complete: 0.5 } |


{'fraction_non_alphanumeric': 0.19932998324958123, 'fraction_numerical': 0.032663316582914576, 'mean_word_length': 2.492690058479532, 'pattern_counts': {'":': 0, '<': 17, '<?xml version=': 0, '>': 17, 'https://': 8, 'lorem ipsum': 0, 'www.': 2, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 7, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '1706388', 'n_tokens_mistral': 868, 'n_tokens_neox': 748, 'n_words': 188}