Navigation Menu

Skip to content

Instantly share code, notes, and snippets.

@uno-de-piera
Created February 2, 2019 11:16
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save uno-de-piera/228489028b60796f9eb3964cbe756969 to your computer and use it in GitHub Desktop.
Save uno-de-piera/228489028b60796f9eb3964cbe756969 to your computer and use it in GitHub Desktop.
<v-navigation-drawer
v-model="drawer"
left
app
>
<v-list dense>
<v-list-tile @click="">
<v-list-tile-action>
<v-icon>home</v-icon>
</v-list-tile-action>
<v-list-tile-content>
<v-list-tile-title>Home</v-list-tile-title>
</v-list-tile-content>
</v-list-tile>
<v-list-tile @click="">
<v-list-tile-action>
<v-icon>contact_mail</v-icon>
</v-list-tile-action>
<v-list-tile-content>
<v-list-tile-title>Contact</v-list-tile-title>
</v-list-tile-content>
</v-list-tile>
<v-list-tile @click="toggleDrawer">
<v-list-tile-action>
<v-icon>arrow_back</v-icon>
</v-list-tile-action>
<v-list-tile-content>
<v-list-tile-title>Cerrar</v-list-tile-title>
</v-list-tile-content>
</v-list-tile>
</v-list>
</v-navigation-drawer>
<v-toolbar dark color="primary">
<v-toolbar-side-icon @click="toggleDrawer"></v-toolbar-side-icon>
<v-toolbar-title class="white--text">@{{ title }}</v-toolbar-title>
<v-spacer></v-spacer>
<v-btn icon>
<v-icon>search</v-icon>
</v-btn>
<v-btn icon>
<v-icon>apps</v-icon>
</v-btn>
<v-btn icon>
<v-icon>refresh</v-icon>
</v-btn>
<v-btn icon>
<v-icon>more_vert</v-icon>
</v-btn>
</v-toolbar>
@push('scripts')
<script>
let mixToolbar = {
name: 'mixToolbar',
data () {
return {
drawer: false,
title: 'Laravel + Vuetify NO SPA!'
};
},
methods: {
toggleDrawer () {
this.drawer = !this.drawer
}
}
};
window.globalMixins.push(mixToolbar);
</script>
@endpush
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment