search

Learus / react-material-ui-carousel

A Generic carousel UI component for React using Material UI.
MIT License
552 stars 220 forks source link

Displaying one Item at time #201

Closed 00ricardo closed 2 years ago

00ricardo commented 2 years ago

Hello, how are you guys? I appreciate your work in this project! I'm trying to intregrate it in my app with success but with 1 issue in particular that i want to discuss and solve.

I want to display an array of MUI Avatars in Carousel as Facebook did (example below) image

At the moment I have part of this feature but only one Avatar at time, how can i display, lets say 4/5 avatars and not just one? I can only see others is I swipe out.

image image

Maybe any property that I'm missing.

image

Thanks guys, hope I make it clear and easy to debug.

MohamedBenTaher commented 1 year ago

Hi @00ricardo, I'd really appreciate it if you can share how did you solve this issue, thanks for your help

00ricardo commented 1 year ago

Hi @00ricardo, I'd really appreciate it if you can share how did you solve this issue, thanks for your help

Hi @MohamedBenTaher . I hope you're doing great, so sorry for my late response, hope I can still help.

After further investigation I was not able to solve my original problem with this library so I decided to replace it by another one which is capable to render multiple content. It was very easy to adapt the code and integrate the new library (React Indiana - Drag & Scroll).

I'm not aware whether the developers already took a look into this topic but for my experience it's not possible to allow multiple content inside the carrousel (yet).

I hope you can move on with your solution. Best of luck.

Ref: https://www.npmjs.com/package/react-indiana-drag-scroll