Navigation drawers

The v-navigation-drawer component is what your users will utilize to navigate through the application. The navigation-drawer is pre-configured to work with or without vue-router right out the box. For the purpose of display, some examples are wrapped in a v-card element. Within your application you will generally place the v-navigation-drawer as a direct child of v-app

Bottom drawer navigation drawer

My files
The navigation drawer will appear from the bottom on smaller size screens.

Expand on hover navigation drawer

Images navigation drawer

Mini variant navigation drawer

Permanent and floating navigation drawer

Right navigation drawer

Temporary navigation drawer

Colored navigation drawer

Combined navigation drawer

Clipped navigation drawer