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

# FieldWarningsList

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

> Wrapper stacking each field's warning entry.

Vue component: [FieldWarningsList](/v3/reference/api/vue/FieldWarningsList.md)

| Slot | Default classes | Description |
| --- | --- | --- |
| [root](/v3/reference/theming/keys/FieldWarningsList.md#theme-key-FieldWarningsList-root) | `flex flex-col gap-1` | Wrapper stacking each field's warning entry. |
| [list](/v3/reference/theming/keys/FieldWarningsList.md#theme-key-FieldWarningsList-list) | `list-disc ps-5 text-foreground m-0` | Message list: the non-field-errors list, or a multi-message field's own list. |
| [field](/v3/reference/theming/keys/FieldWarningsList.md#theme-key-FieldWarningsList-field) | `flex flex-col gap-1` | Wrapper for a field that carries more than one message: the field-name sub-header stacked above its own message list. |
| [fieldName](/v3/reference/theming/keys/FieldWarningsList.md#theme-key-FieldWarningsList-fieldName) | `font-medium text-muted-foreground pr-2` | Field-name label: a sub-header above a multi-message field's list, or the inline prefix before a single-message field's text. |
| [fieldInline](/v3/reference/theming/keys/FieldWarningsList.md#theme-key-FieldWarningsList-fieldInline) | `text-foreground` | Single-line rendering for a field that carries exactly one message: `field: message` inline, no separate list. |

<a id="theme-key-FieldWarningsList-root"></a>

## root

> Wrapper stacking each field's warning entry.

Default classes:

`flex flex-col gap-1`

Source: `client/lib/theme/vueda-tailwind/form/FieldWarningsList.theme.js:17`

<a id="theme-key-FieldWarningsList-list"></a>

## list

> Message list: the non-field-errors list, or a multi-message field's own list.

Default classes:

`list-disc ps-5 text-foreground m-0`

Source: `client/lib/theme/vueda-tailwind/form/FieldWarningsList.theme.js:21`

<a id="theme-key-FieldWarningsList-field"></a>

## field

> Wrapper for a field that carries more than one message: the field-name sub-header stacked above its own message list.

Default classes:

`flex flex-col gap-1`

Source: `client/lib/theme/vueda-tailwind/form/FieldWarningsList.theme.js:25`

<a id="theme-key-FieldWarningsList-fieldName"></a>

## fieldName

> Field-name label: a sub-header above a multi-message field's list, or the inline prefix before a single-message field's text.

Default classes:

`font-medium text-muted-foreground pr-2`

Source: `client/lib/theme/vueda-tailwind/form/FieldWarningsList.theme.js:29`

<a id="theme-key-FieldWarningsList-fieldInline"></a>

## fieldInline

> Single-line rendering for a field that carries exactly one message: `field: message` inline, no separate list.

Default classes:

`text-foreground`

Source: `client/lib/theme/vueda-tailwind/form/FieldWarningsList.theme.js:33`