Note

This documentation describes the ValidationMessage Vue component for native UI views for Xml templates see validation-message.

ValidationMessage

Displays the validation error or warning message for a ViewModel property.

Import

import { ValidationMessage } from '@neos/app'

Props

Prop	Type	Default	Description
propertyName	string	—	Required. The ViewModel property to display validation for
item	Model	undefined	Data item owning the property

Notes

• Only renders when the property has a validation message.
• The message severity (error, warning, info) is derived from useValidationMessage.

Usage Examples

Below a field

<VerticalLayout space="extrasmall">
  <Textbox property-name="email" />
  <ValidationMessage property-name="email" />
</VerticalLayout>

In a custom form field layout

<VerticalLayout space="extrasmall">
  <label property-name="startDate" />
  <InputDate property-name="startDate" label-position="hidden" />
  <ValidationMessage property-name="startDate" />
</VerticalLayout>