Alpha: Editor React Components are currently in alpha. This feature is subject to change and may have bugs, issues, and limitations. We're actively improving it based on your feedback.
Text variation data types provide specialized text handling beyond simple string values. These types support predefined options, rich formatting, text direction, and pattern validation.
The textEnum data type allows users to choose from a predefined set of options rather than entering free text. The editor displays this as a dropdown or radio buttons.
Note: Specify these additional configurations under a textEnum field in your data item.
List of valid options users can select from.
A button size selector with predefined options:
In the manifest:
In the component:
Rich text allows users to format content with HTML and inline styles, perfect for descriptions, articles, or any content needing formatting.
Note: Specify these additional configurations under a richText field in your data item.
List of formatting options available in the rich text editor. If omitted, all formatting abilities are available. Limit to relevant options for simpler UI.
A product description field with limited formatting options:
In the manifest:
In the component:
The regex data type validates that the input is a valid regular expression pattern.
A validation pattern field:
In the manifest:
In the component:
Text direction according to the HTML dir attribute.
There are 3 possible values:
"ltr": Left-to-right"rtl": Right-to-left"auto": Automatically detect based on contentA text direction field with auto-detection:
In the manifest:
In the component:
Last updated: 7 May 2026