vuetify radio button 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>