Skip to main content

Map

In a map property you define child properties in the same way you define them at the entity schema level:

import { buildProperty } from "./builders";
const ctaProperty = buildProperty({
dataType: "map",
properties: {
name: {
title: "Name",
description: "Text that will be shown on the button",
validation: { required: true },
dataType: "string"
},
type: {
title: "Type",
description: "Action type that determines the user flow",
validation: { required: true, uniqueInArray: true },
dataType: "string",
config: {
enumValues: {
complete: "Complete",
continue: "Continue"
}
}
}
}
});

properties#

Record of properties included in this map.

previewProperties#

List of properties rendered as this map preview. Defaults to first 3.

validation#

  • required Should this field be compulsory.
  • requiredMessage Message to be displayed as a validation error.

The widget that gets created is

  • MapField Field that renders the children property fields

Links: