# React Shadow Scroll [![npm version](https://badge.fury.io/js/react-shadow-scroll.svg)](https://www.npmjs.com/package/react-shadow-scroll) • [![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://github.com/andrelmlins/react-shadow-scroll/blob/master/LICENSE) • [![Build Status](https://travis-ci.com/andrelmlins/react-shadow-scroll.svg?branch=master)](https://travis-ci.com/andrelmlins/react-shadow-scroll) • [![Netlify Status](https://api.netlify.com/api/v1/badges/6061e313-a774-4951-b9da-3c11bc5040e8/deploy-status)](https://app.netlify.com/sites/react-shadow-scroll/deploys) • [![Language grade: JavaScript](https://img.shields.io/lgtm/grade/javascript/g/andrelmlins/react-shadow-scroll.svg?logo=lgtm&logoWidth=18)](https://lgtm.com/projects/g/andrelmlins/react-shadow-scroll/context:javascript) Component that customizes the list and inserts shadow when scrolling exists ## Installation ``` npm i react-shadow-scroll // OR yarn add react-shadow-scroll ``` ## Demo [Link](https://react-shadow-scroll.netlify.com/) Local demo: ``` git clone https://github.com/andrelmlins/react-shadow-scroll.git cd react-shadow-scroll npm install && npm run start ``` ## Examples ```jsx import React from 'react'; import { render } from 'react-dom'; import ReactShadowScroll from 'react-shadow-scroll'; const App = () => (

Teste
Teste
Teste
Teste

); render(, document.getElementById('root')); ``` ## Properties Raw component props (before transform): | Prop | Default | Type | Description | | ----------------- | ------------------------------------------------------------------------- | ------- | ----------------------- | | scrollColor | #c5c5c5 | string | Scroll color | | scrollColorHover | #a6a6a6 | string | Scroll color when hover | | scrollWidth | 5 | number | Scroll Width | | scrollPadding | 0 | number | Left scroll padding | | isShadow | true | boolean | View shadow | | shadow | '0 2px 4px rgba(0, 0, 0, 0.2) inset, 0 -2px 4px rgba(0, 0, 0, 0.2) inset' | string | Shadow | | styleSubcontainer | null | object | Style in Subcontainer | ## NPM Statistics Download stats for this NPM package [![NPM](https://nodei.co/npm/react-shadow-scroll.png)](https://nodei.co/npm/react-shadow-scroll/) ## License React Shadow Scroll is open source software [licensed as MIT](https://github.com/andrelmlins/react-shadow-scroll/blob/master/LICENSE).

			Stars	Issues	Version	Updated	Created	Size
	rc-scrollbars		145	15	1.1.6	a year ago	4 years ago
	react-shadow-scroll		30	5	2.1.1	2 years ago	5 years ago

rc-scrollbars vs react-shadow-scroll

Downloads in past1 Month3 Months6 Months1 Year2 Years5 YearsAll time

Stats

Sick of boring JavaScript newsletters?

Downloads in past