Nacho Portion Monitor

    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

      This feature is exclusive to Teams

      Illustration of wombats

      The package file explorer is only available for Teams at the moment.

      We may support exploring this package in the future. Check back soon.

      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