Popularity
1.1
Growing
Activity
5.0
Declining
27
2
1
Programming language: JavaScript
License: MIT License
Latest version: v2.1.0
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
Appwrite - The Open Source Firebase alternative introduces iOS support
Appwrite is an open source backend server that helps you build native iOS applications much faster with realtime APIs for authentication, databases, files storage, cloud functions and much more!
Promo
appwrite.io
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.