react-horizontal-infinite-scroll

    1.0.2 • Public • Published

    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.

    Install

    npm i react-horizontal-infinite-scroll

    DownloadsWeekly Downloads

    27

    Version

    1.0.2

    License

    MIT

    Unpacked Size

    3.97 kB

    Total Files

    4

    Last publish

    Collaborators

    • jithin.s