Radius System
Examples and documentation for the radius system component
Radius System
This demonstrates the global radius system that provides consistent corner rounding across all UI
components.
.bz-radius--* applies --bz-radius consumed by components.
Radius Utilities
none
.bz-radius--none
xxs
.bz-radius--xxs
xs
.bz-radius--xs
sm
.bz-radius--sm
md
.bz-radius--md
lg
.bz-radius--lg
xl
.bz-radius--xl
xxl
.bz-radius--xxl
full
.bz-radius--full
Examples with components
Badge sm
Badge lg
Badge xl
Buttons with radius utilities
Cards with radius utilities
Rounded sm
Card content
Rounded md
Card content
Rounded lg
Card content