react-gradient-scroll-indicator

1.0.1 • Public • Published

react-gradient-scroll-indicator

A wrapper for scrollable content that adds gradients indicating when more scrolling is possible

NPM JavaScript Style Guide

Install

npm install --save react-gradient-scroll-indicator

Props

name default value description
primaryColor #ffffff outer color
fadeColor transparent inner color
fadeHeight 20px height of the fade overlays

Usage

import React, { Component } from 'react'
 
import GradientScroll from 'react-gradient-scroll-indicator'
 
class Example extends Component {
  render () {
    return (
      <GradientScroll>
       <div>
       Literally any content you want can go here.
       </div>
      </GradientScroll>
    )
  }
}

Example GIF

Example Gif

License

MIT © jbccollins

Readme

Keywords

none

Package Sidebar

Install

npm i react-gradient-scroll-indicator

Weekly Downloads

147

Version

1.0.1

License

MIT

Unpacked Size

161 kB

Total Files

6

Last publish

Collaborators

  • jbccollins