# Groups

A group in the schema groups related fields. Groups are currently output as a `<fieldset>` element, with a `<legend>`. For example, this schema:

```javascript
{
    groups: [
        {
            legend: "User Details",
            fields: [
                {
                    type: "input",
                    inputType: "text",
                    label: "Name",
                    model: "name"
                },
                {
                    type: "input",
                    inputType: "number",
                    id: "current_age",
                    label: "Age",
                    model: "age"
                }
            ]
        }
    ]
}
```

would produce (simplified) HTML output something like this:

```markup
<fieldset>
    <legend>User Details</legend>

    <label>Name</label>
    <input type="text" />

    <label>Age</label>
    <input type="number" />
</fieldset>
```

You can change the default `fieldset` tag by passing the `tag` property to the `<vue-form-generator />` component in your markup.

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