React Form - Overview

DevExtreme Form is a UI component for data editing with a customizable layout for arranging editors in columns, groups, and tabs. It automatically selects the most suitable editors based on the data type.

In this overview you can find a map of Form elements, information about key features, and what to explore next.

Elements

An element map is shown below. Clicking an element navigates to the topic related to this element.

Form elements Group Group caption template Label template Label Label Label Simple item Simple item Simple item Submit the Form Reset (isDirty)

Key Features

  • Validation
    DevExtreme includes a validation engine that checks edited Form values before they are saved.

  • Flexible Layout
    Form can organize items into columns, groups, and tabs.

  • Adaptability
    You can specify different Form layouts for different screen widths.

  • Extensive Editor Selection
    Choose from 18 DevExtreme editors to display Form data.