Skip to main content

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:

Result
Loading...
Live Editor