react-gradient-scroll-indicator

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

Downloads in past

Stats

StarsIssuesVersionUpdatedCreatedSize
react-gradient-scroll-indicator
1.0.14 years ago4 years agoMinified + gzip package size for react-gradient-scroll-indicator in KB

Readme

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