LetsForm Designer
Getting started

Getting started with LetsForm Designer

LetsFormDesigner: getting started

Getting started with LetsForm Designer is very easy

  • Select the UI framework to use from the "Fields" menu, pick one between React, AntDesign, RSuite, Bootstrap or Material UI
  • Click on the "Add field" button choosing between the available components for the specific UI library you're using or select from existing templates (under the "Fields" menu)
  • Hover the mouse on the field to drag it around and to show the "edit" to reveal all parameters for that field
  • Submit and cancel buttons are used to debug while editing, useful to check validation and the returned values in the debug panel
  • Switch between modes: editing mode, preview (to see how the form would look like) and plaintext (the readonly mode, for example for confirmation screens)
  • Debug the forms, see what values the form is returning as you type or open the form in CodeSandbox to see how it works in isolation
  • Export your form as JSON schema or React code to seamleassly use in your code