Last updated 7 months ago
Use some multiple of 4px [1][2], which is just sort of a standard that has been around and that usually visually works well
border radius
with MUI components, use integers (e.g. borderRadius={4})
borderRadius={4}
MUI handles them as multipliers against 4px or 8px
Generally, stay away from using border.
border
Instead, aim for backgroundColor differences between the background and the "higher zIndex item" (and boxShadow as needed).
backgroundColor
boxShadow