react-shadow-scroll alternatives and similar libraries
Based on the "Custom Scrollbar" category.
Alternatively, view react-shadow-scroll alternatives based on common mentions on social networks and blogs.
-
react-custom-scrollbars
React scrollbars component -
react-custom-scroll
Easily customize the browser scroll bar with native OS scroll behavior -
react-gemini-scrollbar
:last_quarter_moon: React component for custom overlay-scrollbars with native scrolling mechanism. -
react-smooth-scrollbar
[Not Actively Maintained] A wrapper for smooth-scrollbar to React Component
AWS Cloud-aware infrastructure-from-code toolbox [NEW]
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
npm install && npm run 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.