> For the complete documentation index, see [llms.txt](https://wotamann.gitbook.io/vuetify-form-base/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://wotamann.gitbook.io/vuetify-form-base/schema-1/grouping-controls.md).

# Grouping Controls

## Group

### Group Controls using Model-Structure

```javascript
  // Grouping
  model:{
    group1:{ 
      a: 'A', 
      b: 'B', 
      c: 'C' 
    },
    group2:{ 
      a: 'A', 
      b: 'B', 
      c: 'C' 
    }
  }
	schema: { 
    group1: { 
      type:'group',
      schema: { 
        a:'text', 
        b:'text', 
        c:'text' 
      }
    }, 
    group2: { 
      type:'group',
      schema: { 
        a:'text', 
        b:'text', 
        c:'text' 
      }
    }, 
	}
```

### [Example](https://wotamann.github.io/grouping)

## Wrap

### Wrap Controls **allows grouping independent from Model-Structure**

```javascript
// Wrapping
model: {
  name1:'Taleb', 
  checkbox1:true, 
         
  name2:'Musk', 
  checkbox2:false, 
},           
schema: {
  // show wrapped group of names  
  names: { 
    type:'wrap', 
    label:'Names',
    col:6,  
    schema:{
      name1,    
      name2,    
    }
  },
  // show wrapped group of checkboxes
  checkboxes: { 
    type:'wrap', 
    label:'Checkboxes', 
    col:6, 
    class:'title pa-2 elevation-4 green lighten-5', 
    schema:{
      checkbox1,          
      checkbox2
    }
  }
}         
```

### [Example ](https://wotamann.github.io/wrapping)