Selection controls

Selection control components allow a user to select options. These components must be used with the v-model prop as they do not maintain their own state.

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

Last updated