Popularity
0.8
Growing
Activity
7.2
Declining
13
2
1
Monthly Downloads: 0
Programming language: JavaScript
Latest version: v1.0.1
react-shadow-scroll alternatives and similar libraries
Based on the "Custom Scrollbar" category
-
react-custom-scrollbars
React scrollbars component. -
react-custom-scroll
Easily customize the browser scroll bar with native OS scroll behavior. -
react-gemini-scrollbar
React component for custom overlay-scrollbars with native scrolling mechanism. -
react-smooth-scrollbar
React implementation of smooth-scrollbar.
Do you think we are missing an alternative of react-shadow-scroll or a related project?
README
React Shadow Scroll
• 
• 
• 
• •
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
Local demo:
git clone https://github.com/andrelmlins/react-shadow-scroll.git
cd react-shadow-scroll
yarn install && yarn start
Examples
import React from 'react';
import { render } from 'react-dom';
import ReactShadowScroll from 'react-shadow-scroll';
const App = () => (
<ReactShadowScroll>
<ul>
<li>Teste</li>
<li>Teste</li>
<li>Teste</li>
<li>Teste</li>
</ul>
</ReactShadowScroll>
);
render(<App />, 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
License
React Shadow Scroll is open source software licensed as MIT.
*Note that all licence references and agreements mentioned in the react-shadow-scroll README section above
are relevant to that project's source code only.