<p align="center">
  <img alt="Vuetify Logo" width="100" src="https://raw.githubusercontent.com/webdevnerdstuff/vuetify-resize-drawer/main/src/assets/vuetify-logo.svg">
</p>

<p>
  <h1 align="center">Vuetify Resize Drawer</h1>
</p>

<p align="center">
  <a href="https://www.npmjs.com/package/@wdns/vuetify-resize-drawer">
    <img src="https://img.shields.io/npm/v/@wdns/vuetify-resize-drawer?color=1867c0&logo=npm" alt="NPM Package">
  </a>
  &nbsp;
  <a href="https://github.com/webdevnerdstuff/vuetify-resize-drawer">
    <img src="https://img.shields.io/badge/GitHub-WebDevNerdStuff-brightgreen.svg?logo=github" alt="@WebDevNerdStuff">
  </a>
</p>


## Description

The `vuetify-resize-drawer` component extends the functionality of the [v-navigation-drawer](https://vuetifyjs.com/en/components/navigation-drawers/) so that it is resizable by the user.


## Installation
 
Using [pnpm](https://pnpm.io/):
```
pnpm add @wdns/vuetify-resize-drawer
```
 
Using npm:
```
npm i @wdns/vuetify-resize-drawer
```

## Documentation
 
[Documentation & Demo](https://webdevnerdstuff.github.io/vuetify-resize-drawer/)

## Dependencies
 
[Vuetify v3](https://vuetifyjs.com/)  
[Vue 3](https://vuejs.org/)


## Change Log
 
[CHANGELOG](https://github.com/webdevnerdstuff/vuetify-resize-drawer/blob/master/CHANGELOG.md)


## License

Copyright (c) 2023 WebDevNerdStuff  
Licensed under the [MIT license](https://github.com/webdevnerdstuff/vuetify-resize-drawer/blob/master/LICENSE.md).


## Legal

Vuetify and the Vuetify logo are trademarks of Vuetify. This component was not created or endorsed by Vuetify.
