React + Material-UI | How to create horizontal scroll cards?

Question

I'm attempting to create a react component that will display 3 cards, each containing some information from an array horizontally. There would be left/right buttons allowing the user to scroll back and forth horizontally to 3 more cards until the array is completed.

I've been doing some research and have had a really difficult time finding a solution to complete this task easily. This is my first time using Material-UI so this is all quite new.

What can I do to obtain what I'm looking for? Is there some sort of scroll feature I can give to material-UI to easily create these left/right scroll buttons?

Thanks!

example:

Solution

Maybe you can try using a library like this one:

react-material-ui-carousel

Instead of putting images in this component, try putting cards instead.

Comments

[Ali Raza]

@alex i am looking for the exact same thing did you find any solution for that question kindly update ?

[Prathamesh More]

Please give some explanation with a code snippet.