Nothing's plumb meaningless

    react-spring-carousel
    TypeScript icon, indicating that this package has built-in type declarations

    2.0.19 • Public • Published

    react-spring-carousel

    A performant React carousel component powered by react-spring and @use-gesture.

    NPM NPM

    Install

    // npm v7.x
    npm install --save react-spring-carousel
    // npm v6.x or less
    npm install --save react-spring react-spring-carousel
    yarn add react-spring react-spring-carousel

    Usage

    import { useSpringCarousel } from 'react-spring-carousel'
    
    const { carouselFragment, slideToPrevItem, slideToNextItem } = useSpringCarousel({
      items: [
        {
          id: 'item-1',
          renderItem: <div>Item 1</div>,
        },
        {
          id: 'item-2',
          renderItem: <div>Item 2</div>,
        },
      ],
    })
    
    return (
      <div>
        <button onClick={slideToPrevItem}>Prev item</button>
        <div>{carouselFragment}</div>
        <button onClick={slideToNextItem}>Next item</button>
      </div>
    )

    Official documentation

    For a complete overview of the library, please visit the official documentation.

    Visit here

    Tip: Click on a version number to view a previous version's package page

    Current Tags

    Version History

    Install

    npm i react-spring-carousel

    DownloadsWeekly Downloads

    1,132

    Version

    2.0.19

    License

    MIT

    Unpacked Size

    342 kB

    Total Files

    27

    Last publish

    Collaborators

    • emiliano1989