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

Documents matching: server v3.0.0a1.post1client v3.0.0-alpha.2