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.

Example
Edit Source

Card Variant:

Responsive:

Team 1

55%

Team 2

32%

Team 3

76%

All the tools in one place

Code Less. Deliver More.

With Radzen Subscription you get the full toolkit. Get started now and save hours on every project.

task_alt

Complete Blazor development environment.

task_alt

Open technology stack. No vendor lock-in.

task_alt

Ready-to-use UI blocks and app templates.

task_alt

Advanced theming.

task_alt

Dedicated support backed by proven expertise.

task_alt

No hidden runtime costs.

Start Free See All Benefits

CRUD Operations and Data Management

Seamless Integration

Digital Transformation and Modernization

Design Systems and Consistency

From Prototyping to Production

Time to Market Reduced

Empower the Next Generation

CardGroup

Team 1

55%

Team 2

32%

Team 3

76%

Code Less. Deliver More.

Demos Configuration