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
| 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. | |
| 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 inline 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 for this fieldset. |
Events
| Name | Description |
|---|---|
update:modelValue | Emitted when the field value changes. |
Source
client/lib/form/field-set/FieldSetStackedInline.vue