Skip to content

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 ​

NameTypeRequiredDefaultDescription
iconOverrideObjectnullA partial icon registry ({ [componentName]: { [iconName]: { component, props } } }) merged with inherited and default icon entries; scopes icon overrides to this component and its descendants.
themeOverrideObjectnullA partial ThemeObject keyed by component name, merged over this component's theme and provided to descendants.
autoCreateWhenEmptybooleantrueWhen true, automatically creates an empty inline object if none exists and field objects are available.

Slots ​

NameScopedDescription
toggle-buttonyesReplaces the disclosure indicator inside the title bar. The bar itself drives the toggle.
titleyesReplaces the fieldset title/label.
create-buttonyesButton to add a new inline row.
empty-stateyesReplaces the dashed-border empty-state block shown when no value is present.
field-set-level-choresyesReplaces the validation block for this fieldset.

Full slot reference

Events ​

NameDescription
update:modelValueEmitted when the field value changes.
update:visible

Full event reference

Source ​

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