Getting started with LetsForm Designer
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