scroller's Introduction

scroller

Scoller UI and Scroll to top function

Install

npm install --save @nitesh2020/scroller

Usage

import React, { Component } from 'react'

import {Scroller} from 'scroller'
// If you want to use animation then import css//
import 'scroller/dist/index.css'

class Example extends Component {
  var objectScroll={
      backgroundColor: 'blue' ,
      color: 'white',
      borderRadius: '40',
      right: '30',
      onhover: 'orange',
      shadowColor: 'black',
  }
  render() {
    return <Scroller {...objectScroll} />
  }
}

DataType

/-----------------------------------------------------------------------------------------------------------\
|                     |                                                 |                                   |
|     Prop Name       |                     Use                         |               Type                |
|_____________________|_________________________________________________|___________________________________|
| backgroundColor     |   Add background Color to scrollTop btn         |  hex, rbga , rbg , name           |
| color               |   Define color for arrow in scrollTop btn       |  hex, rbga , rbg , name           |
| shadowColor         |   Define color of sahdow in scrollTop btn       |  hex, rbga , rbg , name           |
| onHover             |   Define color on mouse hover on scrollTop btn  |  hex, rbga , rbg , name           |
| right               |   Give indentation from right side (in px)      |  numeric value                    |
| borderRadius        |   Provide border radius to button  (in px)      |  numeric value                    |
\-----------------------------------------------------------------------------------------------------------/