Skip to content

UI Components

Tip

We are working on publishing our components and schemas to NPM. For now you can build them yourself as part of the open source repository.

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.