@phenomenon-hooks/use-scrollbar-width

useScrollbarWidth

---

Installation

yarn add @phenomenon-hooks/use-scrollbar-width

or

npm i @phenomenon-hooks/use-scrollbar-width

---

Usage

import React from 'react';
import { useScrollbarWidth } from '@phenomenon-hooks/use-scrollbar-width';

const Component: React.FC = () => {
    const scrollbarWidth = useScrollbarWidth();

    return (
        <div>
            <p>Scrollbar width: {scrollbarWidth}px</p>
        </div>
    );
};

---

Anatomy

const scrollbarWidth = useScrollbarWidth();

Returns

Return value	Type	Description
scrollbarWidth	number	Scrollbar width in pixels.