react-scroll-shadow 

> Pure CSS shadow to indicate more content in scrollable area

Demo 🍿

https://zzarcon.github.io/react-scroll-shadow

Install 🚀

``
$ yarn add react-scroll-shadow
`

Usage ⛏

Basic

`tsx
import ScrollShadow from 'react-scroll-shadow';


Content

`

Custom

`tsx
import ScrollShadow from 'react-scroll-shadow';

bottomShadowColors={{
active: 'red',
inactive: 'white'
}}
topShadowColors={{
active: 'blue',
inactive: 'white'
}}
shadowSize={2}
>
Content

`

Api 📚

`ts
interface ShadowColors {
inactive: string;
active: string;
}

interface Props {
height?: string;
bottomShadowColors?: ShadowColors;
topShadowColors?: ShadowColors;
shadowSize?: number;
}
``

See example/ for full example.