FormMessages

Renders form messages.

Basic Usage

<FormMessages> component can be used in <Vueform> component's #empty slot:

vue
<template>
  <Vueform>
    <template #empty>
      <FormErrors v-if="hasMessages" />
    </template>
  </Vueform>
</template>

Options

Find below the list of options that can use to configure FormMessages component. Options can be passed to the component via props.

view

  • Type: string
vue
<FormMessages view="alt" ... />

The name of the view to be used for the component. If undefined the default view will be used.

Learn more about views here.

Properties

All the data, computed and inject properties of the component.

messages

  • Type: array
  • Group: computed

Form messages including element messages and the ones added to messageBag manually.

Size

  • Type: string
  • Group: inject

The size of the component.

View

  • Type: string
  • Group: computed

The name of the resolved view for the component. This one should be used to determine the component's view in class functions.

template

  • Type: object
  • Group: computed

The component's template.

classes

  • Type: object
  • Group: computed

The component's classes.

theme

  • Type: object
  • Group: inject

The global theme object, which contains all the default templates and classes.

form$

  • Type: Vueform
  • Group: inject

The root form's component.

👋 Hire Vueform team for form customizations and developmentLearn more