FormGroup

Form fields can be grouped vertically (default) or horizontally. This way you can decide whether there is enough space between the fields.

Props

template

Field group template

type:String

default:vertical

values:horizontal, vertical

Slots

default

The main slot intended for input fields

Examples

standardowy

Your e-mail address

This should be a nice email address

Title (optional)

<form-group>
  <form-field name="email" :model="email">
    <form-label text="Your e-mail address" />
    <form-input type="text" />
    <form-valid success="This address is great" />
    <form-info text="This should be a nice email address" />
  </form-field>
  <form-field name="title" :model="title">
    <form-label text="Title" optional="optional" />
    <form-input type="text" />
    <form-valid />
  </form-field>
</form-group>

WARNING

Form validation is supported by the vee-validate library combined with the zod library. More information about validation can be found on the [vee-validate zod integration] page(https://vee-validate.logaretm.com/v4/integrations/zod-schema-validation/)