Folders and files

Name		Name	Last commit message	Last commit date
Latest commit History 52 Commits
example		example
src		src
.editorconfig		.editorconfig
.env		.env
.gitignore		.gitignore
.travis.yml		.travis.yml
LICENSE		LICENSE
README.md		README.md
package.json		package.json
rollup.config.js		rollup.config.js
tsconfig.json		tsconfig.json
tsconfig.test.json		tsconfig.test.json
yarn.lock		yarn.lock

Repository files navigation

use-overflow

A React Hook that allows you to detect X and Y overflow.

Install

npm install --save use-overflowORyarn add use-overflow

Usage

Check out the live example.

import*asReactfrom'react'import{useOverflow}from'use-overflow'constExample=()=>{consthorizontalRef=React.useRef(null);const{ refXOverflowing, refXScrollBegin, refXScrollEnd}=useOverflow(horizontalRef);constverticalRef=React.useRef(null);const{ refYOverflowing, refYScrollBegin, refYScrollEnd}=useOverflow(verticalRef);return(<div>{/* Conditional do stuff based on overflow! */}</div>)}