@covalent/core/layout/src/layout-card-over/README.md

Core Teradata UI Platform for layouts, icons, custom components and themes. This should be added as a dependency for any project that wants to use layouts, icons and themes for Angular Material.

## 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:

```html
<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>
```