Introdution

Welcome to react-use-scroll-to API!
Which allows to use bind scroll points in any place at your react project easily ✨. Package is light and supports TS natively.
Lets have some fun! ⚡️

Instalation

To install package you will need to use

`bash
npm i react-use-scroll-to
`

Types are also available

`bash
npm i @types/react-use-scroll-to
`

Documentation

Lets see what do we have here ?

API itself has several components:

- - top-level context based on React context API which stores all the refs. Just wrap everything you have in App or somewhere with it to provide the scope.

- - one of possible point to scroll at. Basically just a component based on React HTMLElement with one additional prop named tag. Tag is just attribute you will need to use to bind window scroll to certain block (section) of your application.

- - component which takes an elementTag props and binds scroller to given element (just like tag at html with href="#" attribute)

Using things above will be super enough to build basic scroll-points functionality. If you will need to build custom logical stuff - you will be happy to know that package has useScrollTo hook. Just check it out 😉

Usage/Examples

First of all let's cover scope of your application with . It's needed to collect all the components and store them into refs. Yes, this thing is react-friendly and using refs underhood 🤓.

``typescript
import {
ScrollTopContextProvider,
} from "react-use-scroll-to";


function MyAwesomeApp () => {

// your components here

}
`

Then would be needed to add some scroll points...

`typescript
import {
ScrollTopContextProvider,
ScrollPoint
} from "react-use-scroll-to";


function MyAwesomeApp () => {


I am first section

@SpaceHolderDjs

Badges