Skip to content

UI Components

Form Builder Module

The form-builder module is a core part of the ui-components library. It enables developers to render dynamic forms using only a JSON Schema 7 definition, enriched with UI-specific keywords for presentation and interactivity.

This module is designed to reduce boilerplate and improve maintainability by treating form structure as declarative data. It supports:

  • Field-to-component mapping via custom widgets (_ui_widget)
  • Layout styling and field grouping (_ui_class, _ui_group)
  • Semantic control over input behavior (_nullable, _multiple)
  • Recursive rendering for deeply nested object and array schemas
  • Integrated utilities for form patching, value cleanup, and validation via SfoFormHelperService

The form-builder is ideal for building editor configuration tools, settings pages, and content-driven UIs where form structure is driven by external schema definitions.

See UI Schema Widgets and UI Schema Hints for more details.