FieldSetSingularStackedInline

Overview

A stacked inline fieldset for editing a single related object (one-to-one style). Renders a separator with a title, an optional Create button when no value is present, and a single stacked-inline row when a value exists. Supports show/hide toggling and auto-creates the initial object when the field is required or autoCreateWhenEmpty is set.

Props

Name	Type	Required	Default	Description
iconOverride	Object		null	A partial icon registry ({ [componentName]: { [iconName]: { component, props } } }) merged with inherited and default icon entries; scopes icon overrides to this component and its descendants.
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.
autoCreateWhenEmpty	boolean		true	When true, automatically creates an empty inline object if none exists and field objects are available.

Slots

Name	Scoped	Description
toggle-button	yes	Replaces the disclosure indicator inside the title bar. The bar itself drives the toggle.
title	yes	Replaces the fieldset title/label.
create-button	yes	Button to add a new inline row.
empty-state	yes	Replaces the dashed-border empty-state block shown when no value is present.
field-set-level-chores	yes	Replaces the validation block for this fieldset.

Full slot reference

Events

Name	Description
update:modelValue	Emitted when the field value changes.

Full event reference

Source

client/lib/form/field-set/FieldSetSingularStackedInline.vue