@covalent/core/layout/src/layout-nav/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.

## TdLayoutNavComponent: td-layout-nav

`<td-layout-nav>` is a layout component which lets you customize a `navigation` view with toolbar items and footers.

## API Summary

#### Inputs

- toolbarTitle: string
  - Title set in toolbar.
- icon: string
  - Icon name to be displayed before the title.
- logo: string
  - Logo icon name to be displayed before the title.
  - If [icon] is set, then this will not be shown.
- color: string
  - Optional toolbar color.
  - Defaults to primary.
- navigationRoute: string
  - Option to set the combined route for the icon, logo, and toolbarTitle.

## Usage

`[td-menu-button]` is used to include a menu button before the logo and title.

`[td-toolbar-content]` is used to include items in the toolbar.

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

Example for Nav Layout:

```html
<td-layout-nav
  toolbarTitle="title"
  logo="logo"
  icon="icon"
  color="primary"
  navigationRoute="/"
>
  <button mat-icon-button td-menu-button>
    // can use `[tdLayoutToggle]` to toggle main sidenav
    <mat-icon>menu</mat-icon>
  </button>
  <div td-toolbar-content>.. main toolbar content</div>
  ... main content
  <td-layout-footer color="primary">
    // color is optional ... main footer content
  </td-layout-footer>
</td-layout-nav>
```