Skip to content

Infinisoft-inc/easy-scrollbar

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

EasyScrollBar

Ever spent hours trying to get a scrollbar to stick to the bottom? Ever felt like throwing your computer out the window because of it? Well, fret no more! Introducing EasyScrollBar - the minimalist wrapper around react-perfect-scrollbar that does one thing and does it well: sticks that scrollbar right where you want it - at the bottom!

Why Does This Exist?

Because life's too short to spend hours on scrollbars. And because we believe that no one should write 25 lines of code and waste 2 hours for such a simple task. So, we made it easy for you. You're welcome!

Getting Started

Installation

Then, install EasyScrollBar:

npm install easy-scrollbar

Usage

Here's a simple example:

import React from 'react';
import {EasyScrollBar} from 'easy-scrollbar';

function MyComponent() {
  return (
    <EasyScrollBar trigger={myTriggerVariable}>
      {/* Your overflowing content here */}
    </EasyScrollBar>
  );
}

Props

  • trigger: A variable that, when changed, will cause the scrollbar to stick to the bottom. Useful if you're adding new content to the scrollable area and want the scrollbar to adjust.
  • any other props: Any props will be passed down to React Perfect Scrollbar

A Fun Note

Remember the time when you tried to use a stick and a piece of string to retrieve a toy from under the bed? This is like that, but for scrollbars. And way more effective!


About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published