RadzenCard Class

A card container component that groups related content with a consistent visual design and optional elevation. RadzenCard provides a versatile styled container for displaying information, images, actions, and other content in a structured format. Supports different visual variants (Filled, Flat, Outlined, Text) that affect the card's appearance. Works well in grid layouts (using RadzenRow/RadzenColumn) or can be stacked vertically. Ideal for grouping related information, creating dashboard widgets, displaying product information, or organizing form sections. Combine with other Radzen components like RadzenImage, RadzenText, and RadzenButton for rich card content.

Inheritance

Implements

Inherited Members

Syntax

public class RadzenCard : RadzenComponentWithChildren, IComponent, IHandleEvent, IHandleAfterRender

Examples

Basic card with content:

<RadzenCard>
    <RadzenText TextStyle="TextStyle.H6">Card Title</RadzenText>
    <RadzenText>Card content goes here...</RadzenText>
</RadzenCard>

Card with custom variant:

<RadzenCard Variant="Variant.Outlined" Style="padding: 2rem;">
    <RadzenImage Path="product.jpg" Style="width: 100%; height: 200px; object-fit: cover;" />
    <RadzenText TextStyle="TextStyle.H5">Product Name</RadzenText>
    <RadzenText>Product description...</RadzenText>
    <RadzenButton Text="Buy Now" ButtonStyle="ButtonStyle.Primary" />
</RadzenCard>

Constructors

public RadzenCard()

Properties

public Variant Variant { get; set; }

Methods

protected override void BuildRenderTree(Rendering.RenderTreeBuilder __builder)

protected override string GetComponentCssClass()