https://github.com/moman13/vue_drag-form_builder
A reusable form builder for Vue.js
https://github.com/moman13/vue_drag-form_builder
builder drag-and-drop form form-builder laravel laravel-framework vue vuejs
Last synced: 3 months ago
JSON representation
A reusable form builder for Vue.js
- Host: GitHub
- URL: https://github.com/moman13/vue_drag-form_builder
- Owner: moman13
- Created: 2024-10-15T21:23:48.000Z (9 months ago)
- Default Branch: main
- Last Pushed: 2024-11-16T12:50:58.000Z (8 months ago)
- Last Synced: 2025-02-09T08:42:12.382Z (5 months ago)
- Topics: builder, drag-and-drop, form, form-builder, laravel, laravel-framework, vue, vuejs
- Language: Vue
- Homepage:
- Size: 1.8 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# vue-drag-form-builder
**vue-drag-form-builder** is a powerful Vue.js plugin for creating customizable, drag-and-drop form builders. Ideal for projects that need flexible form building capabilities without compromising on ease of use.
## Installation
Install the package via npm:
```bash
npm i vue-drag-form-builder
```
## 📦 Usage
Here’s a quick example to get you started:
1-**Register the component** in your main JavaScript file:
```js
import Vue from 'vue';
import VueDragFormBuilder from 'vue-drag-form-builder';
import 'vue-drag-form-builder/dist/vue-drag-form-builder.css';
Vue.use(VueDragFormBuilder);
```
2- **Use the component** in your Vue templates:
```html
```
## 🖼️ Screenshot
## 🖼️ Demo
will add soon
## 🛠️ Features
1- Drag & Drop Fields: Easily add, remove, or reorder form fields.
2- Customizable Field Properties: Modify labels, required fields, options, and more.
3- Responsive Design: Optimized for both desktop and mobile layouts.
4- Easy Integration: Works seamlessly with other Vue.js components.
## 📖 Documentation
will add soon
## 📝 License
This project is licensed under the MIT License.