Flexible Form Builder – Described-Data Form

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:

Flexible Form Builder - Described-Data Form

Changelog:

v1.0.16 (01/06/2021)

  • minor fix

v1.0.15 (01/04/2021)

  • fixed svg icon incompatibility

Download Details:

Author: marekmensa

Live Demo: https://marekmensa.github.io/vue-dd-form/

Download Link: https://github.com/marekmensa/vue-dd-form/archive/master.zip

Official Website: https://github.com/marekmensa/vue-dd-form

Install & Download:

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

You Might Be Interested In:

Add Comment