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	Object		null	A partial ThemeObject keyed by component name, merged over this component's theme and provided to descendants.
objectGridFieldSlotProps	object		{}
fieldsetStackedInlineProps	object		{}
formModelName	string	yes
fieldProps	object		{}
widgetProps	object		{}
formModel	import("@vueda/use/useFormModel.js").UseFormModelState	yes
hidden	boolean		undefined
hideLabel	boolean		undefined	Overrides label visibility on the field component without suppressing its validation messages.
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