Class Reference
Radius
Class Reference
Radius
Rounded corners for containers, buttons, images and fields.
How to use
Choose a size-based radius or a semantic radius such as radius-card. Add overflow-hidden separately when media must be clipped to a rounded container.
Responsive behavior
Radius variables may scale fluidly. radius-full and radius-ellipse depend on the element dimensions; test wide and tall shapes before using them.
Visual reference
Live samples use the installed class styles and your current design variables.
Radius scale
Corner radius, from square to fully rounded.
Radius aliases
Purpose-based radius values for images, cards, buttons and inputs.