Flexible Form Builder – Described-Data Form

Install & Download:

# NPM
$ npm i vue-dd-form --save

Description:

Yet another form builder library for Vue.js to create forms without programming.

Basic usage:

1. Import the component.

import ddForm from 'vue-dd-form';

2. Register the component.

components: {
  ddForm,
  // ...
}

3. Add the component to the app template. Availble views:

• group
• collection
• text
• area
• select
• checkbox
• counter
• datetime
• upload
• radio
• tick

<dd-form
  :data="exampleData"
  :descriptions="exampleDesc"
  @submit="submit">
</dd-form>

exampleData: {},
exampleDescriptions: {
  "name": { 
    view: 'text', 
    label: 'Full name'
  }
}

Preview:

Changelog:

v1.0.21 (12/08/2021)

• solved deprectaion notice

v1.0.19 (03/06/2021)

• minor fix

v1.0.18 (02/28/2021)

• fixed infinite recursive objects bug (occurred while initializing unexistant nodes)

v1.0.16 (01/06/2021)

• minor fix

v1.0.15 (01/04/2021)

• fixed svg icon incompatibility