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
themeOverrideString|Object|ArraynullA partial theme object merged with the component's default theme; accepts a class string, class array, or theme object.
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.

Full event reference

Source

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

Documents matching: server v3.0.0a1.post1client v3.0.0-alpha.2