react-scroll-button

Live Demo

Demo

How to Install

npm i react-scroll-button

Usage

import React from 'react';
import ScrollButton from 'react-scroll-button';

const ScrollComponent = () => {
  return (
    <ScrollButton
      behavior="smooth"
      buttonBackgroundColor="red"
      iconType="arrowUp"
      style={{ fontSize: '24px' }}
    />
  );
};

Properties

| Property | Description | DefaultValue | Type | | --------------------- | ------------------------------------------------------------------------ | ------------ | ------ | | targetId | Id of element that you want to go | '' | string | | behavior | Scroll type. 'auto', 'smooth' | auto | string | | buttonBackgroundColor | BackgroundColor of button | 'green' | string | | buttonColor | Color of icon | 'white' | string | | iconType | Icon type 'up','arrowUp', 'caretUp' | 'up' | string | | scrollSpeed | It specifies speed of the scroll button. | '1s' | string | | buttonVisibleHeight | It specifies that the scroll button will be visible at what height on the page | 50 | number | | style | Write custom css properties | { } | object |

License MIT