Vuetify Inline Fields (beta)
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.
Development Playground
The vuetify-inline-fields
is still in beta. If you would like to test the component library out, you can clone the repo and run the following commands:
pnpm i && pnpm play
This will open up a Playground page that loads the file ./src/playground/PlaygroundPage.vue
. You can edit this file to test out the component.
Installation
Using pnpm:
pnpm add vuetify-inline-fields
Using npm:
npm i vuetify-inline-fields
Documentation
Documentation & Demo
Dependencies
Vuetify v3
Vue 3
VueUse
Change Log
CHANGELOG
License
Copyright (c) 2023 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.