FieldWarningsList
Source: client/lib/theme/vueda-tailwind/form/index.js
Wrapper stacking each field's warning entry.
Vue component: FieldWarningsList
| Slot | Default classes | Description |
|---|---|---|
| root | flex flex-col gap-1 | Wrapper stacking each field's warning entry. |
| 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 | 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 | 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 | text-foreground | Single-line rendering for a field that carries exactly one message: field: message inline, no separate list. |
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
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
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
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
fieldInline
Single-line rendering for a field that carries exactly one message:
field: messageinline, no separate list.
Default classes:
text-foreground
Source: client/lib/theme/vueda-tailwind/form/FieldWarningsList.theme.js:33