Grid component - feature request

[joaopedrodcf]

Hey guys, so I been using shadcn and been one of the best experiences I had. But one thing that I think would make sense to have as part of the available components is a grid one.
Similar to what we have in MUI: https://mui.com/material-ui/react-grid2/

What you guys think about this ?

[creotip]

Shadcn is based on tailwind css, so you can achieve that easily with tailwind's utility classes:
https://tailwindcss.com/docs/grid-template-columns

[joaopedrodcf]

Yeah we can really in tailwind css to do everything but even so I would say to have a component where we can respect the max-width of the website for example 1440px and then where you can say how much each component occupies would be good for readability of the code.

Example:

<Grid container spacing={2}>
  <Grid xs={8}>
    <Item>xs=8</Item>
  </Grid>
  <Grid xs={4}>
    <Item>xs=4</Item>
  </Grid>
  <Grid xs={4}>
    <Item>xs=4</Item>
  </Grid>
  <Grid xs={8}>
    <Item>xs=8</Item>
  </Grid>
</Grid>

This is a similar use case I would say as Typography component, yeah we could write everywhere the classes with tailwind but wouldn't it be better to do this instead:

<Typography variant="h1" as="h4">
     My Text
</Typography>

#363

[joaopedrodcf]

https://loicmahieu.github.io/react-styled-flexboxgrid/demo/index.html

[jamesone]

react-styled-grid isn't being maintained @joaopedrodcf did you decide to use it?