Card SAP SE A control that represents a container with a predefined header and content. <h3>Overview</h3> The card is a container for grouping and displaying information. <h3>Structure</h3> You can control the width and height of the card, using properties. The <code>Card</code> has the following aggregations: <ul> <li><code>header</code> - can be either a {@link sap.f.cards.Header Header} or a {@link sap.f.cards.NumericHeader NumericHeader} <li><code>content</code> - can be any {@link sap.ui.core.Control Control}.</li> </ul> <h3>Guidelines:</h3> <ul> <li>A card should represent a task or visualize a specific set of information.</li> <li>It is recommended to use cards on home page layouts.</li> <li>The card shouldn't be large with a lot of content.</li> </ul> <h3>Usage</h3> To show a KPI value or any numeric information, use {@link sap.f.cards.NumericHeader NumericHeader} as a card header. For any other use cases, use the regular {@link sap.f.cards.Header Header}. Recommended content: - List - Table - Object information - Charts - Timelines - Images <i>When to use</i> <ul> <li>When you need multiple cards on a home page layout.</li> <li>When you have to achieve simple card visualization.</li> </ul> <i>When not to use</i> <ul> <li>When you have to reuse the card between applications. For such cases, use: {@link sap.ui.integration.widgets.Card Integration Card}.</li> <li>When you need nesting. For such cases, use: {@link sap.m.Panel Panel}.</li> <li>When the card is not part of a card layout. For such cases, use: {@link sap.m.Panel Panel}.</li> <li>When you need more header configuration flexibility.</li> </ul> 1.64 sap.ui.core/Control Defines the width of the card. Defines the height of the card. Defines the position of the Card Header. Defines the header of the card. Defines the content of the card.