Skip to content

FieldSetStackedInline ​

Overview ​

A stacked inline fieldset for editing a list of related objects. Renders each object as a separate stacked row beneath a separator header, with Create and optional toggle buttons. Supports show/hide toggling and row deletion.

Theme entry: FieldSetStackedInline

Props ​

NameTypeRequiredDefaultDescription
themeOverrideObjectnullA partial ThemeObject keyed by component name, merged over this component's theme and provided to descendants.
iconOverrideObjectnullA partial icon registry ({ [componentName]: { [iconName]: { component, props } } }) merged with inherited and default icon entries; scopes icon overrides to this component and its descendants.

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 there are no rows.
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/FieldSetStackedInline.vue