Skip to content

FieldWarningsList ​

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

Wrapper stacking each field's warning entry.

Vue component: FieldWarningsList

SlotDefault classesDescription
rootflex flex-col gap-1Wrapper stacking each field's warning entry.
listlist-disc ps-5 text-foreground m-0Message list: the non-field-errors list, or a multi-message field's own list.
fieldflex flex-col gap-1Wrapper for a field that carries more than one message: the field-name sub-header stacked above its own message list.
fieldNamefont-medium text-muted-foreground pr-2Field-name label: a sub-header above a multi-message field's list, or the inline prefix before a single-message field's text.
fieldInlinetext-foregroundSingle-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: message inline, no separate list.

Default classes:

text-foreground

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