Breakpoints

Fower comes with a predefined set of commonly used breakpoints.

const config = {  theme: {    breakpoints: {      sm: '640px',      md: '768px',      lg: '1024px',      xl: '1280px',      '2xl': '1536px',    },  },}

Customize Breakpoints#

You can customize Breakpoints with setTheme:

setTheme({  breakpoints: {    '3xl': '1600px',  },})

Then you can use it like this:

SyntaxError: Unexpected token (1:8)
1 : return ()
            ^
LIVE DEMO