A modern programming language that makes developers happier.

kotlinlang

image.png

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

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|https://github.com/JetBrains/kotlin-wrappers/issues/1856>

Hi <@U040Y6S4KGU>,

here you can find how to set breakpoints for `Grid`  component:
<https://github.com/karakum-team/kotlin-mui-showcase/blob/f8a66acaa36363f9021e38e1a60c71639186a7da/src/main/kotlin/team/karakum/components/showcases/Popper.kt#L86|karakum-team/kotlin-mui-showcase>

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

Thanks a lot <@U030V4823CL> <@UAGAL3CJE> took me a while but I finally get it