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 new (unsaved) rows and a destroy checkbox for existing rows, with slot overrides available for each.

Theme entry: FieldSetStackedInlineRow

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.
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 delete a new (unsaved) inline row.
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