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