Card
A bordered panel with an optional heading, a body slot and a footer line.
A bordered panel with an optional heading, a body slot and a footer line.
Add it to an app
- Open the app builder and find Card in the component palette.
- Insert it into the intended region or container.
- Set its properties in the inspector. Use a literal for a fixed value or a binding for a value supplied by the app.
- Connect its events where the app should respond to a user gesture.
- Preview with representative data and save after resolving validation problems.
The type name in the builder’s code view is card.
Settings
| Setting | Accepted value | Required | Default | What it controls |
|---|---|---|---|---|
body (body) | string | No | "" | — |
footer (footer) | string | No | "" | — |
subtitle (subtitle) | string | No | "" | — |
title (title) | string | No | "" | — |
Values available to bindings
This component declares no published values. Use its settings and any events to configure its behaviour.
Example: A starting configuration
| Setting | Example value |
|---|---|
footer | "12 recipients" |
subtitle | "Sent every Monday" |
title | "Weekly digest" |
If it is empty or unavailable
Check the source binding, the selected item, and the app’s access. A hosted document, table, review, or storage component needs the corresponding app capability; an offline preview cannot supply live private data. A source running with no results is different from an invalid binding. Inspect the app’s workflow and data source before changing the presentation.