ml-basic-layout.ts

<ml-layout>

  <ml-header>
    <ml-header-row>
      <ml-title>Title</ml-title>
    </ml-header-row>
  </ml-header>

  <ml-drawer>
    <ml-nav>
      <a nav-item routerLink="route1">Route 1</a>
      <a nav-item routerLink="route2">Route 2</a>
      <a nav-item routerLink="route3">Route 3</a>
    </ml-nav>
  </ml-drawer>
  
  <ml-content>
    This is the main content. Here could be <router-outlet></router-outlet>
  </ml-content>

</ml-layout>