Syncfusion React Form Renderer

Use this skill when a user needs to generate, troubleshoot, or extend a schema-driven React form with the Syncfusion Form Renderer component. The Form Renderer is built around a single JSON schema that declares field definitions, layout, validation, dynamic behavior, and submission actions.

When to use this skill

Use this skill when the user needs to:

• create a new React app and install the Syncfusion Form Renderer package
• define a form with properties, layout, and settings
• add required, pattern, minLength, maxLength, or custom validation rules
• show or hide fields based on previous answers
• build dependent dropdowns or cascaded option lists
• constrain numeric/date values from another field with minMaxRange
• calculate values with expressionValue and external references
• handle submit, reset, and custom button actions
• define grouped button actions with allowMultiple and buttonsGroups
• replace built-in widgets with custom React templates