title: Vuetify open navigation drawer likemobile app
body: <p>If you resize the window to mobile view you can see the side icon to toggle my drawer by clicking on it. The default drawer of vuetify is very nice but I'd like to open it like in a mobile application.</p>
  
  <p>How can I do to open the drawer and follow the mouse or the finger ? If you don't see what I means, the polymer demo does it. <a href="https://shop.polymer-project.org/" rel="nofollow noreferrer">https://shop.polymer-project.org/</a> you can swap from the left to the right and you can control the drawer on mousedown.</p>
  
  <p>Here is my code and a codepen : </p>
  
  <pre><code>&lt;div id="app"&gt;
    &lt;v-app&gt;
  
      &lt;v-toolbar app class="menu-shadow" color="white" height="64"&gt;
        &lt;v-toolbar-side-icon class="hidden-md-and-up" @click="drawer = !drawer"&gt;&lt;/v-toolbar-side-icon&gt;
        &lt;v-toolbar-title class="text-uppercase "&gt;
          &lt;span class="font-weight-light"&gt;My &lt;/span&gt;
          &lt;span class="primary--text"&gt;App&lt;/span&gt;
        &lt;/v-toolbar-title&gt;
        &lt;v-spacer&gt;&lt;/v-spacer&gt;
  
        &lt;v-toolbar-items v-for="link in links" :key="link.text" class="hidden-sm-and-down"&gt;
          &lt;v-btn flat :to="link.route"&gt;{{ link.text }}&lt;/v-btn&gt;
        &lt;/v-toolbar-items&gt;
  
        &lt;v-btn flat color="grey"&gt;
          &lt;span&gt;Sign Out&lt;/span&gt;
          &lt;v-icon right&gt;exit_to_app&lt;/v-icon&gt;
        &lt;/v-btn&gt;
      &lt;/v-toolbar&gt;
  
        &lt;v-navigation-drawer app v-model="drawer" app disable-resize-watcher class="primary"&gt;
        &lt;v-layout column align-center&gt;
          &lt;v-flex class="mt-5"&gt;
            &lt;v-avatar size="100"&gt;
              &lt;img src="/avatar-1.png" alt=""&gt;
            &lt;/v-avatar&gt;
  
          &lt;/v-flex&gt;
        &lt;/v-layout&gt;
  
        &lt;v-list&gt;
          &lt;v-list-tile v-for="link in links" :key="link.text" router :to="link.route"&gt;
            &lt;v-list-tile-action&gt;
              &lt;v-icon class="white--text"&gt;{{ link.icon }}&lt;/v-icon&gt;
            &lt;/v-list-tile-action&gt;
            &lt;v-list-tile-content&gt;
              &lt;v-list-tile-title class="white--text"&gt;{{ link.text }}&lt;/v-list-tile-title&gt;
            &lt;/v-list-tile-content&gt;
          &lt;/v-list-tile&gt;
        &lt;/v-list&gt;
      &lt;/v-navigation-drawer&gt;
  
  
      &lt;v-content&gt;
        &lt;v-container grid-list-xl&gt;
  
        &lt;/v-container&gt;
      &lt;/v-content&gt;
    &lt;/v-app&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><a href="https://codepen.io/anon/pen/qLvRgj" rel="nofollow noreferrer">https://codepen.io/anon/pen/qLvRgj</a></p>