Using the bottom prop, we are able to relocate our drawer on mobile devices to come from the bottom of the screen. This is an alternative style and only activates once the mobile-breakpoint is met.

Places the component in rail mode and expands once hovered. This does not alter the content area of v-main. The width can be controlled with the rail-width property.

Apply a custom background to your drawer via the image prop. If you need to customize it further, you can use the image slot and render your own v-img.

When using the rail prop, the drawer will shrink (default 56px) and hide everything inside of v-list except the first element.

By default, a navigation drawer has a 1px right border that separates it from content.

Navigation drawers can also be positioned on the right side of your application (or an element) using the position prop.

A temporary drawer sits above its application and uses a scrim (overlay) to darken the background.

Apply a custom background to your drawer via the image prop. If you need to customize it further, you can use the image slot and render your own v-img.