Introduction

Flowable Forms is a declarative form library. It takes a form definition in json with an object (payload) and renders an interactive form that lets the user view and edit that payload with:

• 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).

For example:

{ "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 } ] } ] }