Grouping Controls

Group

Group Controls using Model-Structure

  // 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

Wrap

Wrap Controls allows grouping independent from Model-Structure

// 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