get classes() {
      return {
        root: {
          "ui5-card-root": true,
          "ui5-card--interactive": this._hasHeader && this.header[0].interactive,
          "ui5-card--nocontent": !this.content.length
        }
      };
    }
@class
<h3 class="comment-api-title">Overview</h3>

The <code>ui5-card</code> is a component that represents information in the form of a
tile with separate header and content areas.
The content area of a <code>ui5-card</code> can be arbitrary HTML content.
The header can be used through slot <code>header</code>. For which there is a <code>ui5-card-header</code> component to achieve the card look and feel.

Note: We recommend the usage of <code>ui5-card-header</code> for the header slot, so advantage can be taken for keyboard handling, styling and accessibility.

<h3>ES6 Module Import</h3>

<code>import "@ui5/webcomponents/dist/Card";</code>
<br>
<code>import "@ui5/webcomponents/dist/CardHeader.js";</code> (for <code>ui5-card-header</code>)

@constructor
@author SAP SE
@alias sap.ui.webc.main.Card
@extends sap.ui.webc.base.UI5Element
@tagname ui5-card
@public
@appenddocs sap.ui.webc.main.CardHeader