Syncfusion React Data Editors

SyncfusionData Editing ControlsJavaScript

Feature-rich React components for data input, editing, and visual selection.

  • Text, numeric, date, and formatted input editors for React.
  • Date, time, range, and visual value components.
  • Interactive editors for rich content and media.
Syncfusion logo

Prices from:

Loading...
Available in
Syncfusion Essential Studio UI Component SuiteLoading
Syncfusion Essential Studio EnterpriseLoading
Syncfusion React Data Editors product image
Syncfusion React Data Editors is a collection of UI components designed to capture, edit, and manage user input in React applications. It includes editors for text, numeric values, dates and times, ranges, rich content, colors, and images, enabling developers to implement structured and interactive data entry scenarios in React applications.

Text and Formatted Input

Provides text boxes, text areas, numeric text boxes, and input mask components for capturing freeform and structured input. Formatting rules and input patterns help guide users when entering consistent values in React applications.

Numeric and Range Editors

Includes numeric text box and slider components for editing numeric values and selecting ranges. Developers can support both precise value entry and interactive adjustment through visual controls.

Button and State Controls

Offers buttons, button groups, radio buttons, checkboxes, and toggle switches for triggering actions and capturing state-based input. These controls are commonly used to manage user decisions and application workflows.

Date and Time Editors

Provides calendar, date picker, date range picker, date-time picker, and time picker components for handling date and time input. Common scheduling and time-based selection features are supported across these editors.

Rich Text Editing

Supplies a rich text editor component for creating and editing formatted content. Users can apply text styles, manage lists, insert links, and work with embedded media directly within React interfaces.

Image Editing Capabilities

Includes an image editor component that allows images to be modified directly in the browser. Supported actions include cropping, resizing, and applying visual adjustments.

Color Selection

Provides a color picker component for selecting and editing color values. Common color formats and interaction patterns are supported for configuration and customization scenarios.

Rating Input

Offers a rating component that allows users to select values visually using icons or symbols. This type of editor is often used to collect feedback or represent preference-based input.

Product Compatibility

Review the details below to ensure this product is supported within your environment.

Component Type

  • JavaScript

JavaScript Platform

  • React