Introduction

Flowable Forms is a declarative forms library. It takes a form definition (in json) and a js object and renders an interactive form that lets the user edit that js object. Main features are:

• A full set of available components
• Performance and bundle size in mind
• Embeddable in ReactJS and other web frameworks
• Interactivity through the use of expressions
• 12 column layout
• Extendable with custom components
• Easy to style

The json form definition contains an object with an array of columns. These columns must be definitions of one of the types known to the engine (see components).

Example (hint: the json in examples is editable):

{ "rows": [ { "cols": [ { "type": "text", "value": "{{val1}}", "defaultValue": "component1", "size": 6 }, { "type": "text", "value": "{{val2}}", "defaultValue": "component2", "size": 6 } ] }, { "cols": [ { "type": "text", "value": "{{val3}}", "defaultValue": "component3", "size": 4 }, { "type": "text", "value": "{{val4}}", "defaultValue": "component4", "size": 4 }, { "type": "text", "value": "{{val5}}", "defaultValue": "component5", "size": 4 } ] } ] }