Anguar2-Material2: Want to setup a fixed sidenav below toolbar
<p>I'm learning angular2 and material2. I'm trying to make small website which has simple toolbar and a fixed sidenav. I have created toolbar but sidenav is not working as expected. I'm just using below plunker code for learning. </p>

<pre><code>    &lt;md-toolbar color="primary"&gt;
  Angular Material 2 App
&lt;/md-toolbar&gt;
&lt;md-sidnav-layout&gt;
  &lt;md-sidenav&gt;
    &lt;md-nav-list&gt;
      &lt;a md-list-item&gt;
            Test1
       &lt;/a&gt;

    &lt;/md-nav-list&gt;
  &lt;/md-sidenav&gt;
&lt;/md-sidnav-layout&gt;
</code></pre>

<p><a href="http://plnkr.co/edit/lb8ZsgpLhtSmPvFXZWk4?p=preview" rel="nofollow">Plunker link</a></p>

<p>Can you please help me on creating a fixed navigation bar. or Am I doing anything wrong?  I'm following angular/material2 code for example.</p>