React Lite Scrollbar

A lightweight and customizable scroll progress bar for React.

Installation

npm install react-lite-scrollbar

Basic Usage

import ScrollBar from 'react-lite-scrollbar';

export default function App() {
  return (
    <>
      <ScrollBar />
      {/* Your page content */}
      <div>
        <h1>Welcome</h1>
        ...
      </div>
    </>
  );
}

Props

Prop	Type	Default	Description
height	number | string	4	Height of the progress bar in pixels
bgColor	string	"#000"	Background color of the progress bar
duration	number | string	0.1	Transition duration in seconds for smooth animation

Examples

Custom Height

<ScrollBar height={8} />

Custom Color

<ScrollBar bgColor='#ff6b62' />

Custom Animation Duration

<ScrollBar duration={0.3} />