Custom Field Editor Configuration

The following properties must be defined to configure a custom field editor:

- name

The name of the web component. The name you specify must contain a hyphen. Remember also that the id property name must be preceded by a hyphen (-).

tagName

The name of the custom HTML element that is used to encapsulate the component: the name used in the document.registerElement() call in the component's script element.

modulePath

The URI of the component.

All the properties must be entered as a list item belonging to a customComponents property. They must be indented correctly and the id property must be preceded by a hyphen (-) to indicate the start of a new list item. The following example shows the required format:

customComponents:
  - name: "custom-slider"
    tagName: "my-slider"
    modulePath:  "http://www.example.com/webcomponents/my-slider.js"