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
themeOverride	String|Object|Array		null	A partial theme object merged with the component's default theme; accepts a class string, class array, or theme object.
objectGridFieldSlotProps	object		{}
fieldsetStackedInlineProps	object		{}
formModelName	string	yes
fieldProps	object		{}
widgetProps	object		{}
formModel	import("@vueda/use/useFormModel.js").UseFormModelState	yes
hidden	boolean		undefined
isFilter	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

Source

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