FieldSetStackedInlineRow
Source: client/lib/theme/vueda-tailwind/form/index.js
Bordered row card with dirty and selected-for-destroy state chrome.
Vue component: FieldSetStackedInlineRow
| Slot | Default classes | Description |
|---|---|---|
| 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-1 min-w-0 | 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. |
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:18
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:27
afterFields
Trailing hook after row fields and before actions.
Default classes:
shrink-0
Source: client/lib/theme/vueda-tailwind/form/FieldSetStackedInlineRow.theme.js:31
fieldInner
Pass-through wrapper immediately inside a rendered row field.
Source: client/lib/theme/vueda-tailwind/form/FieldSetStackedInlineRow.theme.js:35
field
Wrapper around each field rendered in the row.
Source: client/lib/theme/vueda-tailwind/form/FieldSetStackedInlineRow.theme.js:39
fields
Flexible field column that owns remaining row width.
Default classes:
flex-1 min-w-0
Source: client/lib/theme/vueda-tailwind/form/FieldSetStackedInlineRow.theme.js:45
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:49