Projects

Projects is a powerful feature of LetsForm Designer, it allows to group LetsForm form schemas into logical groups that can be exported to a single folder, GitHub project or NPM package.

Once the project is exported, the forms can be used as plain components (instead of specifing the JSON form schema)

import { MyFirstForm, MyOtherForm } from './components/my-exported-forms';
 
const SomeView = () => {
  // ...
 
  return (
    <MyFirstForm
      defaultValues={
        // ... some initial values
      }
      onSubmit={values => {
        // do something with the form values
      }}
    />
  );
}

Create a project

In the LetsForm Designer dashboard click on "Create project"

LetsFormDesigner: Create a project

Give it a name

Specify a name for the project, an optional description and the framework you would like to use for the forms (i.e. React - AntD)

LetsFormDesigner: Project details

Start creating forms

Start creating forms in the project

LetsFormDesigner: Create forms in the project

When editing phase is completed, refer to the export sections for single folder, GitHub project or NPM package.