> 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/input-and-controls-1/radio-buttons.md).

# Radio Buttons

### Array of Strings

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

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

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

### Array of Objects&#x20;

```javascript
// 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' },
        ]
    }
}
```

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

```

### [Info to Vuetify Radio-Buttons](https://vuetifyjs.com/en/components/radio-buttons/)

### [Radio API](https://vuetifyjs.com/en/api/v-radio/)

### [Radio-Group API](https://vuetifyjs.com/en/api/v-radio-group/)

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