#Cheat sheet for Mantine 6 to 7 style conversions?

3 messages · Page 1 of 1 (latest)

slender crag
#

Is there a cheat sheet for converting from 6 to 7?

What I mean by this.. if you look at the example code in ui.mantine.dev there's lots of usage of createStyles .. with the new non-emotion setup of 7... what is the best way of converting that to a 7 compatible styling? Can you (should you) just move that styling to a <componentName>.style.css and import it? Also, what about all the calls to the dark vs light color scheme or other handling functions embedded in some of these like [theme.fn.smallerThan("sm")]? I know I can figure this out on my own, but I wanted to ask some advice and/or see how others would suggest going about this based on their expierences.

slender crag
#

@past atlas given that I already screwed up by using Mantine 6 in an App router world.. I'd like to avoid more mistakes in the conversion to 7 😉

past atlas