0.0.41 • Published 6 years ago
vue-draggable-form-builder v0.0.41
Dependencies
Vue
Vue.Draggable
https://github.com/SortableJS/Vue.Draggable
Tailwind
Get started
import { VueDraggableFormBuilderBuilder, VueDraggableFormBuilderForm } from 'vue-draggable-form-builder';
...
components: {
VueDraggableFormBuilderBuilder,
VueDraggableFormBuilderForm
},
...
<VueDraggableFormBuilderBuilder
:propAvailableElements="['input', 'select', 'textarea']"
:propCurrentElements="currentElements"
/>propAvailableElements
Array with any of input, select, textarea items
propCurrentElements TODO: change name
An existing representation of the items
[ { "label": "Textarea", "type": "textarea", "description": "a description", "placeholder": "placeholder", "value": "", "name": "my_unique_key" }, { "label": "Label", "type": "select", "description": "a description", "options": [ { "label": "My option", "value": 1, "selected": true }, { "label": "My option", "value": 1, "selected": true } ], "name": "my_unique_key2" }, { "label": "Input", "type": "input", "description": "a description", "placeholder": "placeholder", "value": "", "name": "my_unique_key3" } ]
Rendering the form
<VueDraggableFormBuilderForm
:propCurrentElements="currentElements"
/>@onFormSave="onFormSave"
0.0.40
6 years ago
0.0.41
6 years ago
0.0.39
6 years ago
0.0.37
6 years ago
0.0.38
6 years ago
0.0.23
6 years ago
0.0.24
6 years ago
0.0.25
6 years ago
0.0.30
6 years ago
0.0.31
6 years ago
0.0.32
6 years ago
0.0.33
6 years ago
0.0.34
6 years ago
0.0.35
6 years ago
0.0.36
6 years ago
0.0.26
6 years ago
0.0.27
6 years ago
0.0.28
6 years ago
0.0.29
6 years ago
0.0.20
6 years ago
0.0.21
6 years ago
0.0.22
6 years ago
0.0.17
6 years ago
0.0.18
6 years ago
0.0.19
6 years ago
0.0.16
6 years ago
0.0.15
6 years ago
0.0.13
6 years ago
0.0.14
6 years ago
0.0.10
6 years ago
0.0.11
6 years ago
0.0.12
6 years ago
0.0.9
6 years ago
0.0.8
6 years ago
0.0.7
6 years ago
0.0.5
6 years ago
0.0.6
6 years ago
0.0.3
6 years ago
0.0.2
6 years ago
0.0.1
6 years ago