Form Designer

A React component for an intuitive, drag-and-drop based, meta-based Form Designer.

Table of Contents

• Installation
  • [As a npm-based project dependency] (#as-a-npm-based-project-dependency)
• Usage
  • New Mode
  • Edit Mode

Installation

Requires React 16.0.0+.

As a npm-based project dependency

$ npm install @reversecurrent/formdesigner --save

Usage

New Mode

import React, { Component } from "react";
import { render } from "react-dom";

import '@reversecurrent/formdesigner/FormDesigner.css'
import FormDesigner from '@reversecurrent/formdesigner/FormDesigner'.FormDesigner

render((
  <FormDesigner onSave = { (formDefinition) => console.log(formDefinition)} />
), document.getElementById("app"));

Edit Mode

import React, { Component } from "react";
import { render } from "react-dom";

import '@reversecurrent/formdesigner/FormDesigner.css'
import FormDesigner from '@reversecurrent/formdesigner/FormDesigner'.FormDesigner

render((
  <FormDesigner formDefinition={schema} onSave = { (formDefinition) => console.log(formDefinition)} />
), document.getElementById("app"));