We round shape corners as a stylistic treatment. This helps to soften the appearance of elements.
Small corner radius
Provides a 2px radius.
The small option is considered the default radius. It can be applied to small element components like buttons, form controls, and badges.
Medium corner radius
Provides a 4px radius.
The medium option can be applied to container elements, like cards and modals.
Large corner radius
Provides 8px radius.
The large option should be used sparingly and with display components, like avatar.