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:

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:

      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:

  <template>
  <div id="app">
    <vue-drag-form-builder />
  </div>
</template>

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