Border radius

Fower provides a set of preset border radius values.

const config = {  theme: {    radii: {      none: 0,      sm: 2,      base: 4,      md: 6,      lg: 8,      xl: 12,      '2xl': 16,      '3xl': 24,      full: 9999,    },  },}

Customize Border radius#

You can customize Border radius with setTheme:

setTheme({  radii: {    '4xl': 28,  },})

Then you can use it as rounded4XL:

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