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: about 1 month 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 (3 months ago)
• Default Branch: main
• Last Pushed: 2024-11-15T13:27:09.000Z (2 months ago)
• Last Synced: 2024-11-15T14:28:28.316Z (2 months ago)
• Topics: builder, drag-and-drop, form, form-builder, laravel, laravel-framework, vue, vuejs
• Language: Vue
• Homepage:
• Size: 273 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
![vue-drag-form-builder](https://github.com/moman13/vue_drag-form_builder/blob/main/banner.png)

# 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

![vue-drag-form-builder](https://github.com/moman13/vue_drag-form_builder/blob/main/screenshot-1.png)

## 🖼️ 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.