Card

Use the Radzen Blazor Card component to display a piece of content, like an image and text. Cards often provide a summary of the content they represent, along with a call-to-action to encourage further user engagement.

• Example
• Edit Source

Employee

Steven Buchanan

Company

Vins et alcools Chevalier

Delivery Information

Country

France

City

Reims

Ship name

Vins et alcools Chevalier

Freight

$32.38

Cancel Send

Card Variant link

Use the Variant property, e.g. Variant="Variant.Outlined".

• Example
• Edit Source

Variant:

Filled

Flat

Text

Outlined

Filled

• Filled
• Flat
• Text
• Outlined

Employee

Steven Buchanan

Company

Vins et alcools Chevalier

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

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