---
url: "https://vueda.dev/v3/reference/api/vue/FieldSetStackedInlineRow.md"
title: "FieldSetStackedInlineRow"
---

# 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 editable new (unsaved) rows, even without a destroy action.
Editable existing rows show a destroy checkbox supplied by the parent inline.
Slot overrides are available for each.

Theme entry: [FieldSetStackedInlineRow](/v3/reference/theming/keys/FieldSetStackedInlineRow.md)

## Props

| Name | Type | Required | Default | Description |
| --- | --- | --- | --- | --- |
| <span id="prop-themeOverride">themeOverride</span> | `Object` |  | `null` | A partial ThemeObject keyed by component name, merged over this component's theme and provided to descendants. |
| <span id="prop-iconOverride">iconOverride</span> | `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. |
| <span id="prop-index">index</span> | `number` |  | `undefined` | Zero-based position of this row within the inline field set. |
| <span id="prop-pk">pk</span> | `string\|number` |  | `undefined` | Primary key of the existing record this row represents; absent for new (unsaved) rows. |
| <span id="prop-fieldName">fieldName</span> | `string` | yes |  | Name of the parent field set field that owns this inline row. |
| <span id="prop-variant">variant</span> | `string` |  | `"default"` | Theme variant to apply to this row's layout. |
| <span id="prop-readOnly">readOnly</span> | `boolean` |  | `false` | When true, all fields in the row are rendered in read-only mode. |
| <span id="prop-fieldSetContextState">fieldSetContextState</span> | `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 remove an editable unsaved row. The action prop is undefined when no destroy action is provided. |
| `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](/v3/reference/api/vue/FieldSetStackedInlineRow/slots.md)

## Events

### `destroy-row` {#event-destroy-row}

### `update:selected` {#event-update-selected}

### `update:model-value` {#event-update-model-value}

## Source

`client/lib/form/field-set/FieldSetStackedInlineRow.vue`