react-horizontal-infinite-scroll

To handle infinite scroll with a simple, lightweight and high responsive manner with this infinite-scroll-package.

Stats

StarsIssuesVersionUpdatedCreatedSize
react-horizontal-infinite-scroll
011.0.26 months ago2 years agoMinified + gzip package size for react-horizontal-infinite-scroll in KB

Readme

What is this?

To handle infinite scroll with a simple, lightweight and high responsive manner with this infinite-scroll-package.

Installation

npm i react-horizontal-infinite-scroll --save

yarn add react-horizontal-infinite-scroll

How to use

import InfiniteScroll from 'react-horizontal-infinite-scroll';

<InfiniteScroll
    mainWrapper={<div className='infinite-scroll-wrapper' />}
    loader={<div/>}
    dipatchScroll={(scrollInfo={}) => {}}
>
    {children} //<-- All the children elements which are used to load under the scroll wrapper.
</InfiniteScroll>

Props

  • mainWrapper (Required) - The wrapper element for the Infinite scroll.
  • loader (Required) - Loader component which is used to show the loading state for infinite scroll.
  • dipatchScroll (Required) - Callback event for identify and update the children for each scroll end.

If you find any bugs or have a feature request, please open an issue on github!

The npm package download data comes from npm's download counts api and package details come from npms.io.