Overview
Components
Properties
Radius Property
This box uses the default theme
All Radii/Roundness
none, 1
xs, 1
sm, 1
md, 1
lg, 1
xl, 1
full, 1
none, 2
xs, 2
sm, 2
md, 2
lg, 2
xl, 2
full, 2
none, 3
xs, 3
sm, 3
md, 3
lg, 3
xl, 3
full, 3
none, 4
xs, 4
sm, 4
md, 4
lg, 4
xl, 4
full, 4
none, 5
xs, 5
sm, 5
md, 5
lg, 5
xl, 5
full, 5
none, 6
xs, 6
sm, 6
md, 6
lg, 6
xl, 6
full, 6
Inheritance
No Radius
XL Radius
Default/Theme
Inherit
Default/Theme
This box has a custom radius (9px)
Inherit
Default/Theme
This box has breakpoint-specific radii (sm on sm, 10px on lg)
Individual Corner Radii
This box has xl top radius only
This box has xl left radius only
This box has xl bottom radius only
This box has xl right radius only
This box has xl top radius only
This box has xl left radius only
This box has xl bottom radius only
This box has xl right radius only