FieldSetStackedInlineRow

Source: client/lib/theme/vueda-tailwind/form/index.js

Class hook for the unsaved-row Delete button. Tone, emphasis, and size come from the component; appearance comes from Button.

Vue component: FieldSetStackedInlineRow

Slot	Default classes	Description
destroyButton		Class hook for the unsaved-row Delete button. Tone, emphasis, and size come from the component; appearance comes from Button.
root	3 classes	Bordered row card with dirty and selected-for-destroy state chrome.
beforeFields	w-6 shrink-0	Fixed leading hook before row fields, commonly used for drag handles or markers.
afterFields	shrink-0	Trailing hook after row fields and before actions.
fieldInner		Pass-through wrapper immediately inside a rendered row field.
field		Wrapper around each field rendered in the row.
fields	flex flex-col flex-1 min-w-0 gap-4	Flexible field column that owns remaining row width.
actionBarOuter	flex gap-1 2xs:gap-2 items-start shrink-0	Outer action group for row controls, pinned to the row start edge.

destroyButton

Class hook for the unsaved-row Delete button. Tone, emphasis, and size come from the component; appearance comes from Button.

Source: client/lib/theme/vueda-tailwind/form/FieldSetStackedInlineRow.theme.js:18

root

Bordered row card with dirty and selected-for-destroy state chrome.

Default classes:

flex items-start gap-3 hairline hairline-border rounded-vueda-card p-2.5
data-[state=dirty]:border-l-2 data-[state=dirty]:border-l-primary
data-[state=selected-for-destroy]:bg-destructive/5 data-[state=selected-for-destroy]:[--vueda-hairline-color:color-mix(in_oklab,var(--destructive)_40%,transparent)]

Source: client/lib/theme/vueda-tailwind/form/FieldSetStackedInlineRow.theme.js:22

beforeFields

Fixed leading hook before row fields, commonly used for drag handles or markers.

Default classes:

w-6 shrink-0

Source: client/lib/theme/vueda-tailwind/form/FieldSetStackedInlineRow.theme.js:31

afterFields

Trailing hook after row fields and before actions.

Default classes:

shrink-0

Source: client/lib/theme/vueda-tailwind/form/FieldSetStackedInlineRow.theme.js:35

fieldInner

Pass-through wrapper immediately inside a rendered row field.

Source: client/lib/theme/vueda-tailwind/form/FieldSetStackedInlineRow.theme.js:39

field

Wrapper around each field rendered in the row.

Source: client/lib/theme/vueda-tailwind/form/FieldSetStackedInlineRow.theme.js:43

fields

Flexible field column that owns remaining row width.

Default classes:

flex flex-col flex-1 min-w-0 gap-4

Source: client/lib/theme/vueda-tailwind/form/FieldSetStackedInlineRow.theme.js:49

actionBarOuter

Outer action group for row controls, pinned to the row start edge.

Default classes:

flex gap-1 2xs:gap-2 items-start shrink-0

Source: client/lib/theme/vueda-tailwind/form/FieldSetStackedInlineRow.theme.js:53