Using the Studio Demo

Formly Studio is the demo application for Formly Editor. These guides describe the demo’s workflows.

Build a first form with the quickstart, then use the guide for the task at hand.

Create and edit

• Start a form: choose a blank form or starter template.
• Add and configure fields: set keys, labels, choices, validation, and presets.
• Structure fields: arrange groups and repeating sections.
• Layout and styling: control spacing and responsive layout.
• Preview and test: test validation and model values.

Manage and share

• Manage your workspace: organize form documents and folders.
• Save, import, and export: protect local work and move forms.
• Inspect form JSON: review the generated configuration.
• Troubleshooting: resolve empty panels and common recovery states.

Application developers can continue with Use an exported form.