react-resize-tools

Tools to help you with screen resizing.

Install

``sh
yarn add react-resize-tools


or


npm i react-resize-tools --save
`

Change log

https://github.com/Achaak/react-resize-tools/blob/master/CHANGELOG.md

Hooks

$3

Return innerWidth, innerHeight, outerWidth and outerHeight when screen is resized.

Example:
` js
const size = useScreenSize()
`

$3

Return xl, sm, md, lg, xl or xxl when screen is resized.

Example:
` js
const widthType = useScreenWidthType()
// or
const widthType = useScreenWidthType({
sm: 640,
md: 768,
lg: 1024,
xl: 1280,
xxl: 1400
})
`


$3

| Option | Default |
|---------|---------|
| sm | 640 |
| md | 768 |
| lg | 1024 |
| xl | 1280 |
| xxl | 1400 |

$3

Return outerHeight when the page is scrolled.

Example:
` js
const scroll = useScroll()
``