FormErrors โ€‹

Renders form errors.

Basic Usage โ€‹

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

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

Options โ€‹

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

view โ€‹

  • Type: string
vue
<FormErrors 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.

errors โ€‹

  • Type: array
  • Group: computed

Form errors including element errors 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