React-Use-Smooth-Scroll

KO | EN

gitlite — search

#hacktoberfest #react #llm #go #golang #android #rust #linux #macos #nodejs #awesome #cli #vue #pytorch

React-Use-Smooth-Scroll

(★ 13)

React Provider Component to add a smooth scroll effect 😍

React-Use-Smooth-Scroll Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# React Use Smooth Scroll

> React Provider Component to add a smooth scroll effect 😍

[![NPM](https://img.shields.io/npm/v/react-use-scroll-effects.svg)](https://www.npmjs.com/package/react-use-scroll-effects) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)

Live demo: [https://react-smooth-scroll-effect.netlify.app/](https://react-smooth-scroll-effect.netlify.app/)

## Install

```bash
npm install --save react-use-smooth-scroll
```

## Usage

```jsx
import React from 'react'

import { UseEffectScroll } from 'react-use-smooth-scroll'
import 'react-use-smooth-scroll/dist/index.css'

const App = () => {
  return (
    <UseEffectScroll>
      <section className='bgGreen'>
        <h1>Section 1</h1>
      </section>
      <section className='bgOrange'>
        <h1>Section 2</h1>
      </section>
      <section className='bgBlue'>
        <h1>Section 3</h1>
      </section>
      <section className='bgGrey'>
        <h1>Section 4</h1>
      </section>
    </UseEffectScroll>
  )
}

export default App
```

## License

React-Use-Smooth-Scroll

React-Use-Smooth-Scroll Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

React-Use-Smooth-Scroll

React-Use-Smooth-Scroll Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README