Vuetify Inline Fields

 

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 v4
Vue 3
VueUse

Versions

Version	Branch
Vuetify v4	main
Vuetify v3	vuetify-v3

Change Log

CHANGELOG

License

Copyright (c) 2026 WebDevNerdStuff
Licensed under the MIT license.

Legal

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