# 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 ```json { "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 ```json { "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 ```json { "type": "Field", "fieldId": "FieldName", "renderer": "transfer-list" } ```