From 1ef13c753558ea07770fecd514dceabcc54919d2 Mon Sep 17 00:00:00 2001
From: Espen Bratberg <espen.bratberg@nrk.no>
Date: Wed, 15 Mar 2017 13:01:52 +0100
Subject: [PATCH] Add sidebar to example

---
 examples/with-vuetify/layouts/default.vue |  6 ++++++
 examples/with-vuetify/pages/index.vue     | 26 ++++++++++++++++++++---
 2 files changed, 29 insertions(+), 3 deletions(-)
 create mode 100644 examples/with-vuetify/layouts/default.vue

diff --git a/examples/with-vuetify/layouts/default.vue b/examples/with-vuetify/layouts/default.vue
new file mode 100644
index 0000000000..3f33e63651
--- /dev/null
+++ b/examples/with-vuetify/layouts/default.vue
@@ -0,0 +1,6 @@
+<template>
+  <div>
+    <nuxt/>
+    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
+  </div>
+</template>
diff --git a/examples/with-vuetify/pages/index.vue b/examples/with-vuetify/pages/index.vue
index 7418deaf5e..5aeb83257a 100644
--- a/examples/with-vuetify/pages/index.vue
+++ b/examples/with-vuetify/pages/index.vue
@@ -1,9 +1,19 @@
 <template>
-  <v-app top-toolbar footer>
+  <v-app top-toolbar left-fixed-sidebar>
     <v-toolbar>
-      <v-toolbar-title>Toolbar</v-toolbar-title>
+      <v-toolbar-side-icon @click.native.stop="sidebar = !sidebar" />
+      <v-toolbar-logo>Toolbar</v-toolbar-logo>
     </v-toolbar>
     <main>
+      <v-sidebar left fixed drawer v-model="sidebar">
+        <v-list>
+          <v-list-item v-for="i in 3">
+            <v-list-tile>
+              <v-list-tile-title>Item {{ i }}</v-list-tile-title>
+            </v-list-tile>
+          </v-list-item>
+        </v-list>
+      </v-sidebar>
       <v-content>
         <v-container fluid>
           <div class="title">Main Content</div>
@@ -13,8 +23,18 @@
   </v-app>
 </template>
 
+<script>
+  export default {
+    data() {
+      return {
+        sidebar: false
+      }
+    }
+  }
+</script>
+
 <style>
   .title {
-    padding-left: 14px;
+    padding-left: 20px;
   }
 </style>