Radzen Blazor Components

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.

Filled
Flat
Text
Outlined
Filled
Team 1

55%

Team 2

32%

Team 3

76%

Supercharge your Blazor development with Radzen Blazor Studio

Radzen Blazor Studio is a software development environment that empowers developers to design, build and deploy Blazor applications without the traditional hurdles. Write less code and get more done.

open_in_new Learn More
>Radzen Blazor Studio

Radzen Blazor Components, © 2018-2024 Radzen.
Source Code licensed under MIT

Demos Configuration

Premium Themes

  • Material 3
  • Material 3 Dark
  • Fluent
  • Fluent Dark

Free Themes

  • Material
  • Material Dark
  • Standard
  • Standard Dark
  • Default
  • Dark
  • Humanistic
  • Humanistic Dark
  • Software
  • Software Dark
An error has occurred. This app may no longer respond until reloaded. Reload 🗙