Importing the Component

import FormBuilder from '@cw/cherrywork-workforms/FormBuilder';

---

Basic FormBuilder Usage

Use the FormBuilder component with the required props to get started with core form-building capabilities:

<FormBuilder
  onSubmit={onSubmit}
  destinations={destinations}
  formProperties={oFormProperties}
  formHeaderProperties={oFormHeaderProperties}
  isLoading={false}
/>

---

Free-Flow vs Attribute-Driven Forms

Form Type	sourceId	Description
Free-Flow Form	13	Completely flexible drag-and-drop form creation.
Attribute-Driven Form	15	Schema-driven form generation (requires WorkForms backend configuration).

---

Dynamic Form Generation

• forms can be generated on the fly from pre-built configurations making it scalable across multiple use cases

---

Full Backend Control

• form data is intercepted via an onSubmit callback and sent to your own backend and database
• No data goes to a third party cloud

---

State Management

• uses Redux based state management internally to handle complex form scenarios and data flow across components