2.1.1 • Published 2 years ago

react-shadow-scroll v2.1.1

Weekly downloads
144
License
MIT
Repository
github
Last release
2 years ago

React Shadow Scroll

npm version License: MIT Build Status Netlify Status Language grade: 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

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):

PropDefaultTypeDescription
scrollColor#c5c5c5stringScroll color
scrollColorHover#a6a6a6stringScroll color when hover
scrollWidth5numberScroll Width
scrollPadding0numberLeft scroll padding
isShadowtruebooleanView shadow
shadow'0 2px 4px rgba(0, 0, 0, 0.2) inset, 0 -2px 4px rgba(0, 0, 0, 0.2) inset'stringShadow
styleSubcontainernullobjectStyle in Subcontainer

NPM Statistics

Download stats for this NPM package

NPM

License

React Shadow Scroll is open source software licensed as MIT.

2.1.1

2 years ago

2.1.0

4 years ago

2.0.0

4 years ago

1.0.1

4 years ago

1.0.0

4 years ago

0.5.3

4 years ago

0.5.2

4 years ago

0.5.1

4 years ago

0.5.0

5 years ago

0.4.0

5 years ago

0.3.2

5 years ago

0.3.1

5 years ago

0.3.0

5 years ago

0.2.10

5 years ago

0.2.9

5 years ago

0.2.8

5 years ago

0.2.7

5 years ago

0.2.6

5 years ago

0.2.5

5 years ago

0.2.3

5 years ago

0.2.2

5 years ago

0.2.1

5 years ago

0.2.0

5 years ago

0.1.8

5 years ago

0.1.1

5 years ago

0.1.0

5 years ago