FieldSetStackedInlineRow

Overview

Renders a single row within a stacked inline field set, including all non-action fields and a row-level action bar. The action bar shows a delete button for editable new (unsaved) rows, even without a destroy action. Editable existing rows show a destroy checkbox supplied by the parent inline. Slot overrides are available for each.

Theme entry: FieldSetStackedInlineRow

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.
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.
index	number		undefined	Zero-based position of this row within the inline field set.
pk	string|number		undefined	Primary key of the existing record this row represents; absent for new (unsaved) rows.
fieldName	string	yes		Name of the parent field set field that owns this inline row.
variant	string		"default"	Theme variant to apply to this row's layout.
readOnly	boolean		false	When true, all fields in the row are rendered in read-only mode.
fieldSetContextState	object	yes		Shared context object provided by the parent field set, containing field objects, actions, and selection state.

Slots

Name	Scoped	Description
before-fields
fields	yes
after-fields
item-action-bar
destroy-button	yes	Button used to remove an editable unsaved row. The action prop is undefined when no destroy action is provided.
destroy-checkbox	yes	Checkbox used to mark an existing inline row for deletion.
item-action-button	yes	Button for a non-destroy row action.

Full slot reference

Events

destroy-row

update:selected

update:model-value

Source

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