# @types/react-scrollbar

> TypeScript definitions for react-scrollbar

Latest version **0.5.8** (published 2025-08-15) · MIT license · 0 weekly downloads

## Install

```sh
npm install @types/react-scrollbar
pnpm add @types/react-scrollbar
yarn add @types/react-scrollbar
bun add @types/react-scrollbar
```

## Health

**Score 55/100 (C)** — status: stable.

Positive: has types; no vulnerabilities; high maintenance score; popular repo; extremely popular.

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

Negative: stale.

## Facts

| | |
|---|---|
| Version | 0.5.8 |
| Published | 2025-08-15 |
| First published | 2016-08-02 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | CommonJS |
| Dependencies | 1 |
| Unpacked size | 7.3 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 51445 |
| Maintainers | types |

## Links

- npm: https://www.npmjs.com/package/@types/react-scrollbar
- Repository: https://github.com/DefinitelyTyped/DefinitelyTyped
- Homepage: https://github.com/DefinitelyTyped/DefinitelyTyped/tree/master/types/react-scrollbar
- npm.io page: https://npm.io/package/@types/react-scrollbar

## Dependencies (1)

- [@types/react](https://npm.io/package/@types/react.md) *

## Recent versions

- 0.5.8 (latest) — 2025-08-15
- 0.5.7 (ts4.6) — 2024-03-01
- 0.5.6 (ts4.5) — 2023-11-07
- 0.5.3 (ts3.7) — 2021-10-21
- 0.5.2 (ts3.6) — 2021-07-08
- 0.5.1 (ts2.8) — 2019-11-01
- 0.4.9 (ts2.6) — 2018-02-12
- 0.4.8 (ts2.3) — 2017-08-31
- 0.4.6 (ts2.1) — 2017-01-23
- 0.4.5 (ts2.0) — 2016-11-21
- 0.5.5 — 2023-10-18
- 0.5.4 — 2023-09-27
- 0.5.0 — 2019-10-22
- 0.4.10 — 2018-08-06
- 0.4.7 — 2017-06-23
- … 4 more at https://npm.io/package/@types/react-scrollbar/versions

## README

# Installation
> `npm install --save @types/react-scrollbar`

# Summary
This package contains type definitions for react-scrollbar (https://github.com/souhe/reactScrollbar).

# Details
Files were exported from https://github.com/DefinitelyTyped/DefinitelyTyped/tree/master/types/react-scrollbar.
## [index.d.ts](https://github.com/DefinitelyTyped/DefinitelyTyped/tree/master/types/react-scrollbar/index.d.ts)
````ts
/// <reference types="react" />

interface ScrollAreaProps extends React.RefAttributes<ScrollArea> {
    children?: React.ReactNode;
    className?: string | undefined;
    style?: React.CSSProperties | undefined;
    speed?: number | undefined;
    contentClassName?: string | undefined;
    contentStyle?: React.CSSProperties | undefined;
    vertical?: boolean | undefined;
    verticalContainerStyle?: React.CSSProperties | undefined;
    verticalScrollbarStyle?: React.CSSProperties | undefined;
    horizontal?: boolean | undefined;
    horizontalContainerStyle?: React.CSSProperties | undefined;
    horizontalScrollbarStyle?: React.CSSProperties | undefined;
    onScroll?:
        | ((
            value: {
                leftPosition: number;
                topPosition: number;
                containerHeight: number;
                containerWidth: number;
                realHeight: number;
                realWidth: number;
            },
        ) => void)
        | undefined;
    contentWindow?: any;
    ownerDocument?: any;
    smoothScrolling?: boolean | undefined;
    minScrollSize?: number | undefined;
    swapWheelAxes?: boolean | undefined;
    stopScrollPropagation?: boolean | undefined;
    focusableTabIndex?: number | undefined;
}

declare class ScrollArea extends React.Component<ScrollAreaProps> {
    /**
     * Allows manual refreshing of the scrollbar.
     */
    refresh: () => void;

    /**
     * Allows to scroll to the top of ScrollArea component.
     */
    scrollTop: () => void;

    /**
     * Allows to scroll to the bottom of ScrollArea component.
     */
    scrollBottom: () => void;

    /**
     * Moves vertical scrollbar.
     * topPosition is a distance between the top of scrollArea container and the top of scrollArea content.
     */
    scrollYTo: (topPosition: number) => void;

    /**
     * Allows to scroll to the left of ScrollArea component.
     */
    scrollLeft: () => void;

    /**
     * Allows to scroll to the right of ScrollArea component.
     */
    scrollRight: () => void;

    /**
     * Moves horizontal scrollbar.
     * leftPosition is a distance between left edge of scrollArea container and left edge of scrollArea content.
     */
    scrollXTo: (leftPosition: number) => void;
}

declare module "react-scrollbar" {
    export = ScrollArea;
}

declare module "react-scrollbar/dist/no-css" {
    export = ScrollArea;
}

````

### Additional Details
 * Last updated: Fri, 15 Aug 2025 08:39:32 GMT
 * Dependencies: [@types/react](https://npmjs.com/package/@types/react)

# Credits
These definitions were written by [Hugo Capocci](https://github.com/HugoCapocci).

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