npmpackage.info

react-scrollbar-clone

0.0.4

256.00 B

Installations

npm install react-scrollbar-clone

Developer Guide

BETA

Typescript

Yes

Module System

CommonJS

Node Version

20.18.1

NPM Version

10.8.2 Score

66.7

Supply Chain

66.4

Quality

Maintenance

100

Vulnerability

100

License

Releases

Unable to fetch releases

Contributors

Love this project? Help keep it running — sponsor us today! 🚀

Download Statistics

Total Downloads

Last Day

Last Week

Last Month

Last Year

Bundle Size

369.00 B

Minified

256.00 B

Minified + Gzipped

Bundlephobia

Maintainers

Package Meta Information

Latest Version

0.0.4

Package Id

react-scrollbar-clone@0.0.4

Unpacked Size

3.37 kB

Size

1.54 kB

File Count

NPM Version

10.8.2

Node Version

20.18.1

Published on

Feb 14, 2025

Total Downloads

Cumulative downloads

Total Downloads

54

Last Day

Compared to previous day

Last Week

Compared to previous week

Last Month

Compared to previous month

Last Year

Compared to previous year

Daily Downloads

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dev Dependencies

@types/react @types/react-dom eslint-config-custom react scrollbar-clone tsconfig tsup typescript

React Scrollbar Clone

Lightweight web component that allows scrollbar to have custom margins, positioning, etc.
It effectively transforms the scrollbar into a regular HTML element

1import { ScrollbarClone } from "react-scrollbar-clone";
2
3<ScrollbarClone
4    origin-selector=".with-scrollbar-clone"
5    disable-scroll="false"
6    show-origin-scrollbar="false"
7    style="height: 500px;"
8/>;

Examples:

scrollbar position example
tri-column layout

No vulnerabilities found.

No security vulnerabilities found.