# Component

```markup
<vue-form-generator :schema="schema" :model="model" :options="formOptions"></vue-form-generator>
```

## Properties

| Property                     | Type      | Default    | Description                                                |
| ---------------------------- | --------- | ---------- | ---------------------------------------------------------- |
| [schema](component/schema)   | `Object`  | `none`     | The schema object with fields                              |
| [model](component/model)     | `Object`  | `none`     | The model/target JSON object                               |
| [options](component/options) | `Object`  | `Object`   | Options for the VueFormComponent                           |
| multiple                     | `Boolean` | `false`    | If true, we only show `multi: true` fields                 |
| isNewModel                   | `Boolean` | `false`    | If true, we won't run validation after load                |
| tag                          | `String`  | "fieldset" | Change the main HTML element wrapper for Fields and Groups |

## Events

| Property                          | Type        | Default | Description                                 |
| --------------------------------- | ----------- | ------- | ------------------------------------------- |
| [validated](component/events)     | `[...args]` | `none`  | Fired when the form has finished validating |
| [model-updated](component/events) | `]...args]` | `none`  | Fired when the model has been updated       |
