Conigma Connect
Card
Discriminator: card
Fluent UI Blazor Component: FluentCard
Description
The Card component is a visual container that renders its child components inside a card with elevated styling, borders, and padding. Cards are commonly used to group related content, create dashboard panels, or visually separate sections of an interface.
Properties
Property | Type | Required | Default | Description |
|---|---|---|---|---|
|
| ✅ Yes |
| Type discriminator |
|
| No |
| Inline CSS style |
|
| No |
| Component identifier for data binding |
|
| No |
| Array of child components to render inside the card |
|
| No |
| Whether the card content is restricted (clipped) to the card area |
|
| No |
| Whether the card uses minimal styling (reduced padding/borders) |
Data Binding
Like the Stack component, the Card aggregates data and validation from all its children. It collects data from each child and merges it, and concatenates validation errors from all children.
JSON Example
Basic Card
Rendering...Minimal Style Card
Rendering...Card with Custom Width
Rendering...