Card Radius

In order to customize the card radius, you need to follow the following steps:-

  1. Go to the file "defaultTheme.js" placed at the following path:-

    src/theme/defaultTheme.js

  2. In this file, an object named "defaultTheme" is defined which contains properties related to the structural elements of the template. In this object, there is a property name "overrides". "overrides" is an object, it contains the "MuiCard" property which again is an object. In the "MuiCard" object, you will find a property named "borderRadius". This is the property responsible for the card radius.

  3. Set the value of "borderRadius" according to the radius you want to give to the card.

Last updated