TdLayoutCardOverComponent: td-layout-card-over

<td-layout-card-over> is a layout component which lets you customize a card over view.

API Summary

Inputs

• cardTitle: string
  • Title set in card.
• cardSubtitle: string
  • Subtitle set in card.
• cardWidth: string
  • Card flex width in %.
  • Defaults to 70.
• color: string
  • Optional toolbar color.
  • Defaults to primary.

Usage

[td-after-card] is used to include content after the main card over content.

td-layout-footer is used to include items in the footer.

Example for Card Over Layout / Nav Layout combo:

<td-layout-nav toolbarTitle="title" logo="logo" icon="icon" color="primary">
  <td-layout-card-over cardTitle="title" cardSubtitle="subtitle" cardWidth="widthIn%" color="primary">
    .. main content
    <div td-after-card>
      .. content after card
    </div>
  </td-layout-card-over>
  <td-layout-footer color="primary"> // color is optional
    ... main footer content
  </td-layout-footer>
</td-layout-nav>