Awesome

<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>   <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:

pnpm add @wdns/vuetify-inline-fields

Using npm:

npm i @wdns/vuetify-inline-fields

Documentation

Documentation & Demo

Dependencies

Vuetify v3
Vue 3
VueUse

Change Log

CHANGELOG

License

Legal

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