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

# FieldWarningsList

## Overview

Renders a warnings mapping keyed by field (the shape both `get_warnings()` and
`get_transition_warnings()` return for a single object: `{field: [messages]}`, with
`non_field_errors` for messages not tied to a field). `non_field_errors` renders first as a
plain, unlabeled list; every other field renders inline (`label: message`) when it carries
exactly one message, or as its own sub-header plus list when it carries more.

A field is named by its label from `fieldDetails`, so the confirmation calls a field what the
form above it calls it. With no entry there it falls back to the start-cased field name.

The `entry` slot overrides one field's entire layout (the header/list/inline decision
included).

Theme entry: [FieldWarningsList](/v3/reference/theming/keys/FieldWarningsList.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-messages">messages</span> | `object` | yes |  | Warnings keyed by field, `non_field_errors` for messages not tied to a field. |
| <span id="prop-fieldDetails">fieldDetails</span> | `object` |  | `{}` | Map of field name to field metadata (e.g. `{ label }`) used to derive human-readable labels. |
| <span id="prop-class">class</span> | `import('vue').HTMLAttributes['class']` |  | `undefined` | Additional CSS classes applied to the root. |

## Slots

| Name | Scoped | Description |
| --- | --- | --- |
| `entry` | yes | Override one field's entire layout. Receives `field`, its resolved `label`, and `messages` (always an array). Falls back to the header/list/inline layout below. |

[Full slot reference](/v3/reference/api/vue/FieldWarningsList/slots.md)

## Source

`client/lib/form/confirm/FieldWarningsList.vue`