Flowable Forms

Flowable Forms

  • Release Notes
  • Guides
  • Components
  • Storybook

›Getting started

Getting started

  • Introduction
  • Installation
  • Usage with react
  • Usage without npm or react
  • Usage with Angular

Basics

  • Expressions
  • Outcomes
  • Datasource
  • Utilities Library _
  • Edoras Adapter
  • Events
  • API
  • DevTools
  • Saving the payload
  • Basic Styles

Customization

  • Custom Styles
  • Custom Fetch function
  • Localisation
  • Additional data

Extend

  • Custom Components
  • Example Progress Bar
  • Progress Bar Input
  • Emoji Picker
  • Custom Datatable
  • Panel Composition
  • Custom Composition
  • Extend Flowable Work
  • Extend Flowable Design

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):

Installation →
Docs
GuidesComponents
Private
SourceStorybook
Flowable Forms
Copyright © 2020 Flowable