Radio Buttons

The radio component is part of radio-group component and can provide groupable functionality to allow users to select one from a set of options.

Array of Strings

Each Item in Options maps to <v-radio value="item" label="item" />

// Radio: 
schema: { 
    ctrl: { 
        type:'radio',
        options: ['A','B','C'] 
    }
}

<v-radio value="A" label="A" />
...

Array of Objects

// Radio Buttons 
schema: { 
    ctrl: { 
        type:'radio',
        options:[
          { value: 'B', color:'blue', label: 'Blue', offIcon:'add', onIcon:'check' }, 
          { value: 'R', color:'red', label:'Red' },
          { value: 'G', color:'green', label:'Green' },
        ]
    }
}

<v-radio 
    value="B" 
    color="blue" 
    label="Blue" 
    off-icon="add" 
    on-icon="check" 
/>
...

Info to Vuetify Radio-Buttons

Radio API

Radio-Group API

Example Online