I'm using the Material-UI version 1 to make the grid UI in my React application. I want to make the grid responsive. The GridList component API has cols props, which by default is 2.
For example, it could looks like this below.
<GridList cols={1} spacing={32} className="list"></GridList>
Can I dynamically change the props? Or are there any other ways to make it responsive?
Best Answer
U can use the layout breakpoints provide by MUI to toggle GridList or GridListTile cols property. The code will look like this: