radio button vuetify code example
Example 1: radio button vue
<input type="radio" id="one" value="One" v-model="picked">
<label for="one">One</label>
<br>
<input type="radio" id="two" value="Two" v-model="picked">
<label for="two">Two</label>
<br>
<span>Picked: {{ picked }}</span>
Example 2: v-checkbox vuetify
<template>
<v-container class="px-0" fluid>
<v-checkbox
v-model="checkbox"
:label="`Checkbox 1: ${checkbox.toString()}`"
></v-checkbox>
<v-radio-group v-model="radioGroup">
<v-radio
v-for="n in 3"
:key="n"
:label="`Radio ${n}`"
:value="n"
></v-radio>
</v-radio-group>
<v-switch
v-model="switch1"
:label="`Switch 1: ${switch1.toString()}`"
></v-switch>
</v-container>
</template>
Example 3: vuetify change text color of radio button
<template>
<v-radio label="Radio 1" value="radio-1" class="black--text" />
</template>
<style scoped>
.black--text /deep/ label {
color: black;
}
</style>