Neurotic Pumpkin Murderer

    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

    Keywords

    none

    Install

    npm i react-gradient-scroll-indicator

    DownloadsWeekly Downloads

    193

    Version

    1.0.1

    License

    MIT

    Unpacked Size

    161 kB

    Total Files

    6

    Last publish

    Collaborators

    • jbccollins