x3388638 / react-grid-carousel

React responsive carousel component w/ grid layout
https://react-grid-carousel.now.sh
MIT License
128 stars 28 forks source link

how to play only 1 item and scroll 1 by 1 not the whole page? #30

Open Pom-Veerawat opened 1 year ago

pj-alvarado10 commented 11 months ago

You can decide the size of your objects:

For exampe:

 <Carousel cols={1} rows={1} gap={10} loop>
  {
      yourItems
           .map(( item, index ) => (
                 <Carousel.Item key={ index }>  
                      <div className="your-styles">
                      </div>
                   </Carousel.Item>
  }

</Carousel>

where yourItems is your list of items to show in the carousel and in your-styles you can put the width, the height and the properties that you want.

P.D.: The library has some bugs in responsive views, and it doesn't have updates, I really want that the library is updated and would have support.