draggable/formeo

Drag and Drop Javascript form builder

Installs: 161

Dependents: 0

Suggesters: 0

Security: 0

Stars: 506

Watchers: 40

Forks: 193

Open Issues: 150

Language:JavaScript

v1.6.2 2020-12-30 03:28 UTC

README

A pure JavaScript module for drag and drop form creation.

npm GitHub build

Demo

formeo-demo

Features

  • Drag & drop editing
  • Extensible builder with plethora of options
  • Column/inline fields
  • Custom fields
  • Preview mode
  • i18n support

Installation

NPM

npm install --save formeo

Manual

<script src="https://draggable.github.io/formeo/assets/js/formeo.min.js"></script>

Usage

To start building forms with this module include formeo.min.js and formeo.min.css in your project and call:

import { FormeoEditor, FormeoRenderer } from 'formeo'

// Set up a form builder
const editor = new FormeoEditor(options)

// When you're ready, grab the form data object
// Typically you'd do this in the "onSave" event, which you can configure through the editor's options object
const formData = editor.formData

// Then, when you're ready to render the form, use
const renderer = new FormeoRenderer(options)
renderer.render(formData)

Docs

Changelog