Mantine
-
|
Forgive me if I missed this in the docs, but what is the recommended way of handling responsive layouts? It appears that the components props do not allow specification dependant on screen size. Everything looks amazing by the way 👌 |
Beta Was this translation helpful? Give feedback.
Replies: 2 comments 1 reply
-
|
There is a hook which lets you subscribe to a media query: |
Beta Was this translation helpful? Give feedback.
-
|
Yeah I saw this, but this will not work with server side rendering since it depends on a clientside browser API. Was hoping for something like this https://styled-system.com/responsive-styles/ |
Beta Was this translation helpful? Give feedback.
-
|
Hi Roman, you can use react-jss media queries or use any other css solution and add styles via className. Mantine components in most cases do not depend on viewport width so there are no premade responsive styles |
Beta Was this translation helpful? Give feedback.
Hi Roman, you can use react-jss media queries or use any other css solution and add styles via className. Mantine components in most cases do not depend on viewport width so there are no premade responsive styles