Complex Data Types

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.

Complex data types allow you to create nested data configurations and collections. Use these to define arrays of items or nested object structures for sophisticated component configurations.

Array

Define arrays of data. Arrays are useful for repeating content like feature lists, testimonials, gallery items, or menus.

Note: Specify these additional configurations under an arrayItems field in your data item.

dataDataItems

Each array item contains multiple properties.


dataItemDataItem

Each array item is a single value.


maxSizeint32

Maximum number of items allowed in the array. Optional but recommended to prevent performance issues.


Note: You must use either data or dataItem, not both.

Example

A feature list with structured items:

In the manifest:

Copy

In the component:

Copy

Nested data items

Video player settings with nested configuration using dataType: "data":

Copy

The menuItems data type lets Wix users configure a site navigation menu. When a Wix user edits a menu items field, the editor opens a Manage Menu section where they can add, remove, and reorder menu items and link them to site pages.

Example

A navigation menu field:

In the manifest:

Copy

In the component:

Copy

See also

Did this help?