@npm.tangocode/tc_ui_components/src/documentation/Scroller.md

[<img src="https://s3.amazonaws.com/tc-ui-components/documentationImages/tangoCodeLogo.png">](https://tangocode.com/) # TangoCode React UI Components #

## Scroller ##

### Description ###

A simple scroller component.

### Props ###

1. __onScroll ?__ (function(e)): Function executed when the user scrolls

### Usage ###

You can make any custom component  scrolleable  


```jsx
        return (
            <div style={{ width: '40px', height: '60px' }}>
                <Scroller>
                   <MyComponent />
                </Scroller>
            </div>
        );
```


```jsx
        return (
            <div style={{ width: '58px', height: '100px' }}>
                <Scroller>
                    <p>Hello this is the scroller test</p>
                </Scroller>
            </div>
        );
```

This is the scroller for a <p> tag.

![scroller_1](https://s3.amazonaws.com/tc-ui-components/documentationImages/Scroller.png)