CardGroup

Use the Radzen Blazor CardGroup component to visually stick RadzenCards next to each other.

By default the CardGroup is responsive and Cards wrap one below the other on screen sizes smaller than 576px. Use Responsive="false" to disable responsiveness.

In this demo three cards for Team 1, Team 2, and Team 3 display progress percentages (55%, 32%, 76%) with progress bars, with controls to toggle Responsive behavior and select card Variant (Filled, Flat, Outlined, Text).