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

<p>
  <h1 align="center">Vuetify Inline Fields</h1>
</p>

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


## Description

Vuetify Inline Fields Component Library offers a comprehensive collection of reusable UI components	designed to create elegant and efficient inline form fields within your applications. With seamless integration into Vuetify's UI framework and a wide range of customizable options, developers can effortlessly incorporate inline fields that perfectly align with their application's needs.  
  
Additionally, this library provides enhanced integration specifically tailored for usage within data tables. Developers can seamlessly integrate inline form fields directly into their data table cells, facilitating efficient inline editing and data manipulation. This feature empowers users to make changes directly within the table, streamlining the editing process and improving productivity.


## Installation
 
Using [pnpm](https://pnpm.io/):
```
pnpm add @wdns/vuetify-inline-fields
```

Using npm:
```
npm i @wdns/vuetify-inline-fields
```
 
## Documentation
 
[Documentation & Demo](https://webdevnerdstuff.github.io/vuetify-inline-fields/) 

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


## Change Log
 
[CHANGELOG](https://github.com/webdevnerdstuff/vuetify-inline-fields/blob/main/CHANGELOG.md)


## License

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


## Legal

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