A modern programming language that makes developers happier.

kotlinlang

I'm starting a frontend project with Kotlin/JS and the React wrappers and I'm a little confused with how I should be using kotlin-styled-next. I see in the example projects that the FC function is used to make function compents. But it does not seem to support styledDiv. The lower case fc function does support it but it looks like it is considered legacy because it is in the FC.legacy.kt file when I look at the source. What should I be using with kotlin-styled-next?

I figured it out. I should use the FC function and not use styledDiv at all. From the kotlin-styled-next readme this is not very clear.

Emotion usage <https://github.com/karakum-team/kotlin-react-table-sample/blob/0969dd45ad6b987b28797e84caf874ca4cf3a008/src/main/kotlin/team/karakum/components/UserPanel.kt#L50|example>

Common recomendation - `kotlin-react` + `kotlin-emotion`

react + mui with the `sx` prop for mui components works also very smoothly :slightly_smiling_face:
Simple example:
```Box {
   sx {
      display = Display.flex
   }
}```


`sx` from MUI and `css` from Emotion use the same builders from `csstype`

True :thumbsup::skin-tone-3:
Very convenient btw :slightly_smiling_face:

Thank you both for the info. I will try out emotion.