Card
A versatile container used to group related information and actions. Cards can include headers, footers, icons, and custom content.
Use this example to explore default behavior, customization points, and accessibility-friendly patterns in a real Blazor page.
Standard Card
MgCardA container for content with optional header and footer. Supports custom styling and icons.
API Reference: MgCard
| Property | Type | Default | Description |
|---|---|---|---|
| HeaderText | string | "" | Title text to display in the header. |
| IconName | string | null | Optional icon to display in the header. |
| HeaderClasses | string | "" | Additional CSS classes for the header container. |
| BodyClasses | string | "p-6" | Additional CSS classes for the body container. |
| ChildContent | RenderFragment | null | The main content of the card. |
| HeaderContent | RenderFragment | null | Custom content for the header (overrides HeaderText). |
| FooterContent | RenderFragment | null | Custom content for the footer. |