FieldMessage
Source: client/lib/theme/vueda-tailwind/shell/index.js
The validation or warning message attached to a field. It maps error severity to destructive text and all other severities to warning text.
Vue component: FieldMessage
| Slot | Default classes | Description |
|---|---|---|
| root | callback | The validation or warning message attached to a field. It maps error severity to destructive text and all other severities to warning text. |
| list | ml-4 flex list-disc flex-col gap-1 | The list wrapper for multiple field messages. It keeps grouped validation details compact and indented under the field message block. |
root
The validation or warning message attached to a field. It maps error severity to destructive text and all other severities to warning text.
Callback:
javascript
({ severity }) => ({
class: [
"text-[length:var(--vueda-text-supporting)] leading-[1.4] font-medium",
severity === "error" ? "text-destructive" : "text-warning",
],
})Source: client/lib/theme/vueda-tailwind/shell/FieldMessage.theme.js:18
list
The list wrapper for multiple field messages. It keeps grouped validation details compact and indented under the field message block.
Default classes:
ml-4 flex list-disc flex-col gap-1
Source: client/lib/theme/vueda-tailwind/shell/FieldMessage.theme.js:27