reactjsmaterial-designmaterial-uigrid-system

Material UI and Grid system


I'm playing a little bit with Material-UI. Are there any options for creating a grid layout (like in Bootstrap)?

If not, what is the way to add this functionality?

There is a GridList component but I guess it has some different purpose.


Solution

  • Material UI have implemented their own Flexbox layout via the Grid component.

    It appears they initially wanted to keep themselves as purely a 'components' library. But one of the core developers decided it was too important not to have their own. It has now been merged into the core code and was released with v1.0.0.

    You can install it via:

    npm install @material-ui/core
    

    It is now in the official documentation with code examples.