---
url: "https://vueda.dev/v3/reference/api/vue/FieldRenderer.md"
title: "FieldRenderer"
---

# FieldRenderer

## Overview

Resolves and renders a single form field and its widget for a given
`formModelName` key. It reads the field and widget components, props, and
slot configuration from a `formModel` context object, then composes them
into the correct layout with override slots passed through from the parent.

## Props

| Name | Type | Required | Default | Description |
| --- | --- | --- | --- | --- |
| <span id="prop-themeOverride">themeOverride</span> | `Object` |  | `null` | A partial ThemeObject keyed by component name, merged over this component's theme and provided to descendants. |
| <span id="prop-objectGridFieldSlotProps">objectGridFieldSlotProps</span> | `object` |  | `{}` |  |
| <span id="prop-fieldsetStackedInlineProps">fieldsetStackedInlineProps</span> | `object` |  | `{}` |  |
| <span id="prop-formModelName">formModelName</span> | `string` | yes |  |  |
| <span id="prop-fieldProps">fieldProps</span> | `object` |  | `{}` |  |
| <span id="prop-widgetProps">widgetProps</span> | `object` |  | `{}` |  |
| <span id="prop-formModel">formModel</span> | `import("@vueda/use/useFormModel.js").UseFormModelState` | yes |  |  |
| <span id="prop-hidden">hidden</span> | `boolean` |  | `undefined` |  |
| <span id="prop-hideLabel">hideLabel</span> | `boolean` |  | `undefined` | Overrides label visibility on the field component without suppressing its validation messages. |
| <span id="prop-isFilter">isFilter</span> | `boolean` |  | `false` |  |

## Slots

| Name | Scoped | Description |
| --- | --- | --- |
| `field(fieldName)` | yes | Override the entire rendered output for a specific field; receives all field and widget context as bindings. |
| `field(fieldName)default` | yes | Override the default field body (anchor link + widget wrapper) for a specific field. |
| `widget(fieldName)` | yes | Override the entire widget area for a specific field. |
| `widget(fieldName)default` | yes | Override the widget's default slot content for a specific field. |

[Full slot reference](/v3/reference/api/vue/FieldRenderer/slots.md)

## Source

`client/lib/form/form-model/FieldRenderer.vue`