Layout Renderers Reference

This page lists the renderers available for use in custom object layout definitions. Each renderer is a reusable UI component that replaces the default property input for a Field node.

Number Spinner 

Name: number-spinner

Numeric input with increment/decrement buttons. Min, max and decimal places are read from the property definition.

Allowed field types: numeric

Options 

Name	Type	Default	Help	Choices
`step`	number		Override increment/decrement step size. Defaults to 1, or 10**-decimal_places when the property defines decimals.

Example 

{
  "type": "Field",
  "fieldId": "FieldName",
  "renderer": "number-spinner",
  "rendererOptions": {
    "step": 1
  }
}

Radio Buttons 

Name: radio-buttons

Displays choice values as radio buttons instead of a dropdown.

Allowed field types: choice

Options 

Name	Type	Default	Help	Choices
`orientation`	string	vertical	Layout direction for the radio buttons	vertical, horizontal

Example 

{
  "type": "Field",
  "fieldId": "FieldName",
  "renderer": "radio-buttons",
  "rendererOptions": {
    "orientation": "vertical"
  }
}

Transfer List 

Name: transfer-list

Dual-pane picker for a Set property. Allowed values and separator are taken from the property definition.

Allowed field types: set

Example 

{
  "type": "Field",
  "fieldId": "FieldName",
  "renderer": "transfer-list"
}