FieldSetTabularInline

Overview

A tabular inline fieldset for editing a list of related objects in a grid layout. Renders rows through an ObjectsGrid, adapts between table and card views based on breakpoint, and provides Create, Delete, and custom item-action buttons alongside optional show/hide toggling.

Theme entry: FieldSetTabularInline

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.

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 tabular inline row, shown in the header.
header(fieldName)	yes	Override the header label cell for a specific column.
item-action-bar		Override the action bar cell rendered in each row.
destroy-button	yes	Button to delete a new (unsaved) tabular inline row.
destroy-checkbox	yes	Checkbox to mark an existing tabular inline row for deletion.
item-action-button	yes	Button for a non-destroy row action in the tabular inline.
create-button-inline	yes	Inline create button shown as a card-layout row.
empty-state	yes	Replaces the dashed-border empty-state block shown when there are no rows.
field-set-level-chores	yes	Replaces the validation block rendered below the rows.

Full slot reference

Source

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