> For the complete documentation index, see [llms.txt](https://jarvelov.gitbook.io/vue-form-json-schema/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://jarvelov.gitbook.io/vue-form-json-schema/api/vue-form-json-schema/ui-schema.md).

# uiSchema

An array of [fields](/vue-form-json-schema/api/vue-form-json-schema/ui-schema/field.md).

## Example

```javascript
  data() {
    return {
      uiSchema: [
        {
          component: 'div',
          fieldOptions: {
            class: ['form-group']
          },
          children: [
            {
              component: 'input',
              model: 'firstName',
              fieldOptions: {
                on: ['input']
              }
            }
          ]
        }
      ]
    }
  }
```

The example above will do essentially the same thing as the following Vue template:

```markup
<div class="form-group">
  <input v-model="model.firstName" />
</div>
```