Card
This documentation provides a comprehensive reference for the
Card component, guiding you through its configuration options.Screenshot #
Card Parameters #
| Name | Type | Default | Required | Description | Added Version |
|---|---|---|---|---|---|
| AdditionalAttributes | Dictionary<string, object>? | null | Gets or sets additional attributes that will be applied to the component. | 1.0.0 | |
| ChildContent | RenderFragment? | null | Gets or sets the content to be rendered within the component. | 1.10.0 | |
| Class | string? | null | Gets or sets the CSS class name(s) to apply to the component. | 1.0.0 | |
| Color | CardColor | None | Gets or sets the card color. | 1.10.0 | |
| Id | string? | null | Gets or sets the ID. If not set, a unique ID will be generated. | 1.0.0 | |
| Style | string? | null | Gets or sets the CSS style string that defines the inline styles for the component. | 1.0.0 | |
| TextAlignment | Alignment | None | Gets or sets the text alignment of the card. | 1.10.0 |
CardBody Parameters #
| Name | Type | Default | Required | Description | Added Version |
|---|---|---|---|---|---|
| AdditionalAttributes | Dictionary<string, object>? | null | Gets or sets additional attributes that will be applied to the component. | 1.0.0 | |
| ChildContent | RenderFragment? | null | Gets or sets the content to be rendered within the component. | 1.10.0 | |
| Class | string? | null | Gets or sets the CSS class name(s) to apply to the component. | 1.0.0 | |
| Id | string? | null | Gets or sets the ID. If not set, a unique ID will be generated. | 1.0.0 | |
| Style | string? | null | Gets or sets the CSS style string that defines the inline styles for the component. | 1.0.0 |
CardFooter Parameters #
| Name | Type | Default | Required | Description | Added Version |
|---|---|---|---|---|---|
| AdditionalAttributes | Dictionary<string, object>? | null | Gets or sets additional attributes that will be applied to the component. | 1.0.0 | |
| ChildContent | RenderFragment? | null | Gets or sets the content to be rendered within the component. | 1.10.0 | |
| Class | string? | null | Gets or sets the CSS class name(s) to apply to the component. | 1.0.0 | |
| Id | string? | null | Gets or sets the ID. If not set, a unique ID will be generated. | 1.0.0 | |
| Style | string? | null | Gets or sets the CSS style string that defines the inline styles for the component. | 1.0.0 |
CardGroup Parameters #
| Name | Type | Default | Required | Description | Added Version |
|---|---|---|---|---|---|
| AdditionalAttributes | Dictionary<string, object>? | null | Gets or sets additional attributes that will be applied to the component. | 1.0.0 | |
| ChildContent | RenderFragment? | null | Gets or sets the content to be rendered within the component. | 1.10.0 | |
| Class | string? | null | Gets or sets the CSS class name(s) to apply to the component. | 1.0.0 | |
| Id | string? | null | Gets or sets the ID. If not set, a unique ID will be generated. | 1.0.0 | |
| Style | string? | null | Gets or sets the CSS style string that defines the inline styles for the component. | 1.0.0 |
CardHeader Parameters #
| Name | Type | Default | Required | Description | Added Version |
|---|---|---|---|---|---|
| AdditionalAttributes | Dictionary<string, object>? | null | Gets or sets additional attributes that will be applied to the component. | 1.0.0 | |
| ChildContent | RenderFragment? | null | Gets or sets the content to be rendered within the component. | 1.10.0 | |
| Class | string? | null | Gets or sets the CSS class name(s) to apply to the component. | 1.0.0 | |
| Color | CardColor | None | Gets or sets the card header color. | 1.10.0 | |
| Id | string? | null | Gets or sets the ID. If not set, a unique ID will be generated. | 1.0.0 | |
| Style | string? | null | Gets or sets the CSS style string that defines the inline styles for the component. | 1.0.0 |
CardLink Parameters #
| Name | Type | Default | Required | Description | Added Version |
|---|---|---|---|---|---|
| AdditionalAttributes | Dictionary<string, object>? | null | Gets or sets additional attributes that will be applied to the component. | 1.0.0 | |
| ChildContent | RenderFragment? | null | Gets or sets the content to be rendered within the component. | 1.10.0 | |
| Class | string? | null | Gets or sets the CSS class name(s) to apply to the component. | 1.0.0 | |
| Disabled | bool | False | If true, disables the card link. | 1.10.0 | |
| Id | string? | null | Gets or sets the ID. If not set, a unique ID will be generated. | 1.0.0 | |
| Style | string? | null | Gets or sets the CSS style string that defines the inline styles for the component. | 1.0.0 | |
| TabIndex | int? | null | Gets or sets the card link tab index. | 1.10.0 | |
| Target | Target | None | Gets or sets the card link target. | 1.10.0 | |
| To | string? | null | Gets or sets the link href attribute. | 1.10.0 |
CardSubTitle Parameters #
| Name | Type | Default | Required | Description | Added Version |
|---|---|---|---|---|---|
| AdditionalAttributes | Dictionary<string, object>? | null | Gets or sets additional attributes that will be applied to the component. | 1.0.0 | |
| ChildContent | RenderFragment? | null | Gets or sets the content to be rendered within the component. | 1.10.0 | |
| Class | string? | null | Gets or sets the CSS class name(s) to apply to the component. | 1.0.0 | |
| Id | string? | null | Gets or sets the ID. If not set, a unique ID will be generated. | 1.0.0 | |
| Size | HeadingSize | H6 | Gets or sets the card sub title size. | 1.10.0 | |
| Style | string? | null | Gets or sets the CSS style string that defines the inline styles for the component. | 1.0.0 |
CardText Parameters #
| Name | Type | Default | Required | Description | Added Version |
|---|---|---|---|---|---|
| AdditionalAttributes | Dictionary<string, object>? | null | Gets or sets additional attributes that will be applied to the component. | 1.0.0 | |
| ChildContent | RenderFragment? | null | Gets or sets the content to be rendered within the component. | 1.10.0 | |
| Class | string? | null | Gets or sets the CSS class name(s) to apply to the component. | 1.0.0 | |
| Id | string? | null | Gets or sets the ID. If not set, a unique ID will be generated. | 1.0.0 | |
| Style | string? | null | Gets or sets the CSS style string that defines the inline styles for the component. | 1.0.0 |
CardTitle Parameters #
| Name | Type | Default | Required | Description | Added Version |
|---|---|---|---|---|---|
| AdditionalAttributes | Dictionary<string, object>? | null | Gets or sets additional attributes that will be applied to the component. | 1.0.0 | |
| ChildContent | RenderFragment? | null | Gets or sets the content to be rendered within the component. | 1.10.0 | |
| Class | string? | null | Gets or sets the CSS class name(s) to apply to the component. | 1.0.0 | |
| Id | string? | null | Gets or sets the ID. If not set, a unique ID will be generated. | 1.0.0 | |
| Size | HeadingSize | H5 | Gets or sets the card title size. | 1.10.0 | |
| Style | string? | null | Gets or sets the CSS style string that defines the inline styles for the component. | 1.0.0 |
CardColor Enum #
| Name | Value | Description | Added Version |
|---|---|---|---|
| None | 0 | Indicates that no explicit color option is selected. | 1.10.0 |
| Primary | 1 | Indicates the primary (emphasis) color option. | 1.10.0 |
| Secondary | 2 | Indicates the secondary (less emphasized) color option. | 1.10.0 |
| Success | 3 | Indicates a success-state color option. | 1.10.0 |
| Danger | 4 | Indicates an error or danger-state color option. | 1.10.0 |
| Warning | 5 | Indicates a warning-state color option. | 1.10.0 |
| Info | 6 | Indicates an informational-state color option. | 1.10.0 |
| Light | 7 | Indicates a light-toned color option. | 1.10.0 |
| Dark | 8 | Indicates a dark-toned color option. | 1.10.0 |
Alignment Enum #
| Name | Value | Description | Added Version |
|---|---|---|---|
| None | 0 | Indicates that no explicit alignment option is selected. | 1.0.0 |
| Start | 1 | Indicates alignment toward the start edge. | 1.0.0 |
| Center | 2 | Indicates centered alignment. | 1.0.0 |
| End | 3 | Indicates alignment toward the end edge. | 1.0.0 |
Target Enum #
| Name | Value | Description | Added Version |
|---|---|---|---|
| None | 0 | Indicates that no target value is specified. | 1.0.0 |
| Blank | 1 | Indicates that the link should open in a new browsing context. | 1.0.0 |
| Parent | 2 | Indicates that the link should open in the parent browsing context. | 1.0.0 |
| Self | 3 | Indicates that the link should open in the current browsing context. | 1.0.0 |
| Top | 4 | Indicates that the link should open in the top-level browsing context. | 1.0.0 |
HeadingSize Enum #
| Name | Value | Description | Added Version |
|---|---|---|---|
| H1 | 0 | Uses the `h1` heading level. | 1.10.0 |
| H2 | 1 | Uses the `h2` heading level. | 1.10.0 |
| H3 | 2 | Uses the `h3` heading level. | 1.10.0 |
| H4 | 3 | Uses the `h4` heading level. | 1.10.0 |
| H5 | 4 | Uses the `h5` heading level. | 1.10.0 |
| H6 | 5 | Uses the `h6` heading level. | 1.10.0 |
