Howdy folks, I am struggling with Grid components using the material ui kotlin js. I am using the of...

# react

[Kelvin Ojiako]

Howdy folks, I am struggling with Grid components using the material ui kotlin js. I am using the official API from the Jetbrains wrappers for Material UI and I am trying to change the xs property for the Grid to vary how many grids a component can take, but it seems that I am not able to do so as vals cannot be reassigned (compiler complaint i get), upon closer inspection, the xs property of Breakpoint is an attribute from an enum whose values cant be changed. So my question is how can I change the xs property for Grid component in material UI. I have shown screenshots of the code I am trying to implement and also the kotlin js one. Would appreciate some help

[Steven]

Normally you would just be able to do xs = ... , but that property seems to be missing. I found this issue about it that seems to contain a temporary fix: https://github.com/JetBrains/kotlin-wrappers/issues/1856

[aerialist]

Hi @Kelvin Ojiako,

here you can find how to set breakpoints for Grid component:
karakum-team/kotlin-mui-showcase

Also there are lots of other examples of MUI component usages in this repo

[Kelvin Ojiako]

Thanks a lot @Steven @aerialist took me a while but I finally get it