Adjusting the sharpness of corners to match a different feeling or style
6px
. This is a common value that is used in many design systems and is a good starting point for most projects.
You can adjust the border radius of components by changing the shape.borderRadius
value in the theme file. This will apply the new border radius to all components that use the sx
prop or the theme
object.