# react-double-scrollbar

> React component that adds a horizontal scrollbar to the top of a component

Latest version **0.0.15** (published 2017-08-27) · MIT license · 0 weekly downloads

## Install

```sh
npm install react-double-scrollbar
pnpm add react-double-scrollbar
yarn add react-double-scrollbar
bun add react-double-scrollbar
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.0.15 |
| Published | 2017-08-27 |
| First published | 2016-03-28 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Node | >=0.12.0 |
| Dependencies | 0 |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 16 |
| Author | Scott McDaniel |
| Maintainers | umchee |
| Keywords | react, react-component, component, scrollbar, double scrollbar |

## Links

- npm: https://www.npmjs.com/package/react-double-scrollbar
- Repository: https://github.com/umchee/react-double-scrollbar
- Issues: https://github.com/umchee/react-double-scrollbar/issues
- npm.io page: https://npm.io/package/react-double-scrollbar

## Alternatives

- [mobx-react](https://npm.io/package/mobx-react.md) — 2.8M weekly downloads
- [rc-tree](https://npm.io/package/rc-tree.md) — 2.6M weekly downloads
- [@react-oauth/google](https://npm.io/package/@react-oauth/google.md) — 1.3M weekly downloads
- [@wagmi/connectors](https://npm.io/package/@wagmi/connectors.md) — 877.0K weekly downloads
- [vee-validate](https://npm.io/package/vee-validate.md) — 836.4K weekly downloads

## Recent versions

- 0.0.15 (latest) — 2017-08-27
- 0.0.3 (beta) — 2016-03-28
- 0.0.11 — 2017-04-01
- 0.0.10 — 2017-01-22
- 0.0.9 — 2016-03-29
- 0.0.8 — 2016-03-28
- 0.0.7 — 2016-03-28
- 0.0.6 — 2016-03-28
- 0.0.5 — 2016-03-28
- 0.0.4 — 2016-03-28
- 0.0.2 — 2016-03-28
- 0.0.1 — 2016-03-28

## README

React-Double Scrollbar
======================
Adds a horizontal scrollbar to the top of an element.

## Usage
Example in a React.Component render method:

```javascript
render() {
    return (
      <div>
        <DoubleScrollbar>
          <table>...</table>
        </DoubleScrollbar>
      </div>
    );
  }
```

## Installation

The easiest way to use React-Double Scrollbar is to install it from NPM and include it in your own build.

```javascript
npm install react-double-scrollbar --save
```

You can also use the standalone build by including `dist/DoubleScrollbar.js` in your page.

# License

MIT

# Change log
v0.0.15
- Recalculate the width of the children in componentDidUpdate and if the width has changed update the width of the top scrollbar div.

v0.0.11
- Add onresize to update the scrollbar when the window size changes

v0.0.10
- Dependency fix, added peerDependency and allow for react 0.14.7 or newer

v0.0.9
- Added tests and documentation

# Contributing

All help is appreciated. To contribute please create a branch, make changes, add or update tests then create a pull request.

# Development

Clone repo then run

`npm install`

To build run

`npm run build`

To test

`npm test`

Test in watch mode

`npm test -- --watch`

# To create and publish a new version

Make sure to update version in package.json

To create a new tag run

`git tag <new version>`

`git push origin --tags`

To publish to npm

`npm publish`

---
_Source: https://npm.io/package/react-double-scrollbar · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._