---
url: "https://vueda.dev/v3/reference/theming/keys/family/form.md"
title: "form keys"
---

# form keys

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

## Inline field sets

| Component | Kind | Slots | Description |
| --- | --- | --- | --- |
| [FieldSetMany](/v3/reference/theming/keys/FieldSetMany.md) | key | 10 | Card shell for a repeated-value fieldset. See also: [FieldSetStackedInline.root](/v3/reference/theming/keys/FieldSetStackedInline.md#theme-key-FieldSetStackedInline-root). |
| [FieldSetRange](/v3/reference/theming/keys/FieldSetRange.md) | key | 8 | Card shell for paired lower and upper range fields, including nested-fieldset inset chrome. |
| [FieldSetStackedInline](/v3/reference/theming/keys/FieldSetStackedInline.md) | key | 21 | Card shell for stacked inline rows, including nested-fieldset inset chrome. |
| [FieldSetStackedInlineRow](/v3/reference/theming/keys/FieldSetStackedInlineRow.md) | key | 8 | Class hook for the unsaved-row Delete button. Tone, emphasis, and size come from the component; appearance comes from [Button](/v3/reference/theming/keys/Button.md). |
| [FieldSetTabularInline](/v3/reference/theming/keys/FieldSetTabularInline.md) | key | 27 | Class hook for the unsaved-row Delete button. Tone, emphasis, and size come from the component; appearance comes from [Button](/v3/reference/theming/keys/Button.md). |

## Filters

| Component | Kind | Slots | Description |
| --- | --- | --- | --- |
| [FilterChip](/v3/reference/theming/keys/FilterChip.md) | key | 5 | Pill container. Primary tint at rest; destructive tint flags a value the server rejected. |
| [FilterFieldForm](/v3/reference/theming/keys/FilterFieldForm.md) | key | 2 | Submit row at the foot of the form. Apply alone (right-aligned) when adding; Remove + Apply split apart when editing an active filter. |
| [FilterForm](/v3/reference/theming/keys/FilterForm.md) | key | 2 | Vertical form body inside a filter popover. |
| [FilterGroup](/v3/reference/theming/keys/FilterGroup.md) | key | 6 | Root wrapper. `contents` so it adds no box of its own: the teleported menu trigger and the chips strip flow as direct children of the list layout. |
| [FilterMenu](/v3/reference/theming/keys/FilterMenu.md) | key | 3 | Back row that returns from the drill-in form to the field list. |

## Form feedback

| Component | Kind | Slots | Description |
| --- | --- | --- | --- |
| [FormMessage](/v3/reference/theming/keys/FormMessage.md) | key | 2 | Outer spacing for form-scope feedback. |
| [FormModel](/v3/reference/theming/keys/FormModel.md) | key | 8 | Root model-form wrapper. |

## Form layout

| Component | Kind | Slots | Description |
| --- | --- | --- | --- |
| [FormSection](/v3/reference/theming/keys/FormSection.md) | key | 3 | Section stack for a long-form group. |
| [FormSectionTitle](/v3/reference/theming/keys/FormSectionTitle.md) | key | 1 | Eyebrow heading text for a form section. |
| [FormGrid](/v3/reference/theming/keys/FormGrid.md) | key | 1 | Twelve-column field grid with `data-col` span hooks at the form breakpoint. |
| [FormActions](/v3/reference/theming/keys/FormActions.md) | key | 2 | Wrapping action row for submit, cancel, and secondary controls. |
| [FormHiddenFeedback](/v3/reference/theming/keys/FormHiddenFeedback.md) | key | 9 | Compact wrapper for hidden-field feedback controls. |

## Confirmation

| Component | Kind | Slots | Description |
| --- | --- | --- | --- |
| [FieldWarningsList](/v3/reference/theming/keys/FieldWarningsList.md) | key | 5 | Wrapper stacking each field's warning entry. |
| [TypedConfirmField](/v3/reference/theming/keys/TypedConfirmField.md) | key | 4 | Muted confirmation box that groups the label and input before a destructive action. |