vuetify navigation drawer horizontal code example

Example: vuetify navigation drawer

<v-navigation-drawer v-model="drawer" stateless class="indigo darken-1" app>
	<v-list>
    	<v-list-item v-for="item in items" :key="item.title" @click="item.method">
        	<v-list-item-icon>
          		<v-icon>{{ item.icon }}</v-icon>
        	</v-list-item-icon>

        	<v-list-item-content>
        		<v-list-item-title>{{ item.title }}</v-list-item-title>
        	</v-list-item-content>
		</v-list-item>
	</v-list>
</v-navigation-drawer>

//Vue JS for the List Item
/*items: [
	{
    	title: "Fee Request",
        icon: "mdi-cash-multiple",
        method: () => this.feeRequest()
	},
    {
    	title: "Profile",
        icon: "mdi-account-badge-horizontal",
        method: () => this.profile()
    }
]*/

Tags:

Html Example