Fundamentals
Components
Code Utilities
Demo
BcBorderRadius
Description
The BcBorderRadius utility provides predefined border-radius values to control the rounding of element corners. It includes multiple sizes for various use cases.
Border Radius Classes
bc-br-0
Removes border-radius (0px).
bc-br-1
Applies a border-radius of 0.5rem.
bc-br-2
Applies a border-radius of 0.75rem.
bc-br-3
Applies a border-radius of 1rem.
bc-br-4
Applies a border-radius of 1.5rem.
bc-br-5
Applies a border-radius of 2rem.
bc-br-6
Applies a border-radius of 3rem.
bc-br-7
Applies a border-radius of 4rem.
bc-br-8
Applies a border-radius of 5rem.
Sample
This element has a border-radius of 0.5rem.
This element has a border-radius of 1rem.
This element has a border-radius of 2rem.