Skip to content

Draggable/formeo

Folders and files

NameName
Last commit message
Last commit date

Latest commit

a046733 · Nov 26, 2024
Nov 21, 2024
Nov 15, 2024
Oct 20, 2024
Nov 26, 2024
Nov 19, 2024
Oct 20, 2024
Mar 22, 2019
Nov 26, 2024
Feb 28, 2019
Jun 1, 2016
Mar 2, 2020
Oct 27, 2024
Nov 15, 2024
Nov 26, 2024
Nov 26, 2024
Nov 7, 2024
Oct 30, 2024

Repository files navigation

Formeo

A pure JavaScript module for drag and drop form creation.

npm GitHub build

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)