DataCard
A formatted card to display structured data, an image and buttons. See the embedded Figma for the available variants.
Data must be previously loaded for example with DataLoaderMulti and DataList or individually using DataLoaderSingle.
We recommended wrapping layouts with Cards in SectionShell for background color and spacing.
Figma
Developer docs
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| descriptionColumn* | |||
| subtitle3Column* | |||
| label3Column* | |||
| subtitle2Column* | |||
| label2Column* | |||
| subtitle1Column* | |||
| label1Column* | |||
| headlineColumn* | |||
| imageColumn* | |||
| effect* | |||
| variant | string |
"full" |
|
| rightArrow | boolean |
false |
Slots
| Name | Default | Props | Fallback |
|---|---|---|---|
| chips | No | ||
| content | No |