Custom card
- Latest Dynatrace
- Reference
- 2-min read
- Published Jul 13, 2026
A placeholder that resolves to app-provided content at runtime. Use this when a document needs to reference content that only the consuming app can supply.
Fields
In addition to the shared CoreElement fields (see Elements overview):
| Property | Type | Description |
|---|---|---|
|
| Identifier used to match this placeholder to the app's registered content slot. |
|
| Title displayed in the card header. |
|
| Description displayed below the card title. |
|
| Static properties forwarded to the custom card's content, readable at runtime via the component context. |
How it resolves
At runtime, the app registers React content for a given id, customCardType, or schemaKey (via a content-slot API such as <UAContent.CustomCard>). The document only carries the placeholder and static cardProps, never the React content itself, since documents must stay JSON-serializable.
Example
{"type": "custom","id": "my-team-widget","customCardType": "team-widget","cardTitle": "Platform team ownership","cardDescription": "Shows the team responsible for this entity, their on-call schedule, and open incidents.","cardProps": { "teamId": "platform-team" }}
See also
ExtensionsInfrastructure Observability