Update VeeValidateDoc.vue
parent
3de20a4e55
commit
2b63693a68
|
@ -7,19 +7,19 @@
|
|||
<div>Please choose your ingredient.</div>
|
||||
<div class="flex flex-wrap gap-3">
|
||||
<div class="flex align-items-center">
|
||||
<RadioButton v-model="value" inputId="ingredient1" name="pizza" value="Cheese" />
|
||||
<RadioButton v-model="value" inputId="ingredient1" name="pizza2" value="Cheese" />
|
||||
<label for="ingredient1" class="ml-2">Cheese</label>
|
||||
</div>
|
||||
<div class="flex align-items-center">
|
||||
<RadioButton v-model="value" inputId="ingredient2" name="pizza" value="Mushroom" />
|
||||
<RadioButton v-model="value" inputId="ingredient2" name="pizza2" value="Mushroom" />
|
||||
<label for="ingredient2" class="ml-2">Mushroom</label>
|
||||
</div>
|
||||
<div class="flex align-items-center">
|
||||
<RadioButton v-model="value" inputId="ingredient3" name="pizza" value="Pepper" />
|
||||
<RadioButton v-model="value" inputId="ingredient3" name="pizza2" value="Pepper" />
|
||||
<label for="ingredient3" class="ml-2">Pepper</label>
|
||||
</div>
|
||||
<div class="flex align-items-center">
|
||||
<RadioButton v-model="value" inputId="ingredient4" name="pizza" value="Onion" />
|
||||
<RadioButton v-model="value" inputId="ingredient4" name="pizza2" value="Onion" />
|
||||
<label for="ingredient4" class="ml-2">Onion</label>
|
||||
</div>
|
||||
</div>
|
||||
|
@ -66,19 +66,19 @@ export default {
|
|||
<div>Please choose your ingredient.</div>
|
||||
<div class="flex flex-wrap gap-3">
|
||||
<div class="flex align-items-center">
|
||||
<RadioButton v-model="value" inputId="ingredient1" name="pizza" value="Cheese" />
|
||||
<RadioButton v-model="value" inputId="ingredient1" name="pizza2" value="Cheese" />
|
||||
<label for="ingredient1" class="ml-2">Cheese</label>
|
||||
</div>
|
||||
<div class="flex align-items-center">
|
||||
<RadioButton v-model="value" inputId="ingredient2" name="pizza" value="Mushroom" />
|
||||
<RadioButton v-model="value" inputId="ingredient2" name="pizza2" value="Mushroom" />
|
||||
<label for="ingredient2" class="ml-2">Mushroom</label>
|
||||
</div>
|
||||
<div class="flex align-items-center">
|
||||
<RadioButton v-model="value" inputId="ingredient3" name="pizza" value="Pepper" />
|
||||
<RadioButton v-model="value" inputId="ingredient3" name="pizza2" value="Pepper" />
|
||||
<label for="ingredient3" class="ml-2">Pepper</label>
|
||||
</div>
|
||||
<div class="flex align-items-center">
|
||||
<RadioButton v-model="value" inputId="ingredient4" name="pizza" value="Onion" />
|
||||
<RadioButton v-model="value" inputId="ingredient4" name="pizza2" value="Onion" />
|
||||
<label for="ingredient4" class="ml-2">Onion</label>
|
||||
</div>
|
||||
</div>
|
||||
|
@ -94,19 +94,19 @@ export default {
|
|||
<div>Please choose your ingredient.</div>
|
||||
<div class="flex flex-wrap gap-3">
|
||||
<div class="flex align-items-center">
|
||||
<RadioButton v-model="value" inputId="ingredient1" name="pizza" value="Cheese" />
|
||||
<RadioButton v-model="value" inputId="ingredient1" name="pizza2" value="Cheese" />
|
||||
<label for="ingredient1" class="ml-2">Cheese</label>
|
||||
</div>
|
||||
<div class="flex align-items-center">
|
||||
<RadioButton v-model="value" inputId="ingredient2" name="pizza" value="Mushroom" />
|
||||
<RadioButton v-model="value" inputId="ingredient2" name="pizza2" value="Mushroom" />
|
||||
<label for="ingredient2" class="ml-2">Mushroom</label>
|
||||
</div>
|
||||
<div class="flex align-items-center">
|
||||
<RadioButton v-model="value" inputId="ingredient3" name="pizza" value="Pepper" />
|
||||
<RadioButton v-model="value" inputId="ingredient3" name="pizza2" value="Pepper" />
|
||||
<label for="ingredient3" class="ml-2">Pepper</label>
|
||||
</div>
|
||||
<div class="flex align-items-center">
|
||||
<RadioButton v-model="value" inputId="ingredient4" name="pizza" value="Onion" />
|
||||
<RadioButton v-model="value" inputId="ingredient4" name="pizza2" value="Onion" />
|
||||
<label for="ingredient4" class="ml-2">Onion</label>
|
||||
</div>
|
||||
</div>
|
||||
|
@ -153,19 +153,19 @@ export default {
|
|||
<div>Please choose your ingredient.</div>
|
||||
<div class="flex flex-wrap gap-3">
|
||||
<div class="flex align-items-center">
|
||||
<RadioButton v-model="value" inputId="ingredient1" name="pizza" value="Cheese" />
|
||||
<RadioButton v-model="value" inputId="ingredient1" name="pizza2" value="Cheese" />
|
||||
<label for="ingredient1" class="ml-2">Cheese</label>
|
||||
</div>
|
||||
<div class="flex align-items-center">
|
||||
<RadioButton v-model="value" inputId="ingredient2" name="pizza" value="Mushroom" />
|
||||
<RadioButton v-model="value" inputId="ingredient2" name="pizza2" value="Mushroom" />
|
||||
<label for="ingredient2" class="ml-2">Mushroom</label>
|
||||
</div>
|
||||
<div class="flex align-items-center">
|
||||
<RadioButton v-model="value" inputId="ingredient3" name="pizza" value="Pepper" />
|
||||
<RadioButton v-model="value" inputId="ingredient3" name="pizza2" value="Pepper" />
|
||||
<label for="ingredient3" class="ml-2">Pepper</label>
|
||||
</div>
|
||||
<div class="flex align-items-center">
|
||||
<RadioButton v-model="value" inputId="ingredient4" name="pizza" value="Onion" />
|
||||
<RadioButton v-model="value" inputId="ingredient4" name="pizza2" value="Onion" />
|
||||
<label for="ingredient4" class="ml-2">Onion</label>
|
||||
</div>
|
||||
</div>
|
||||
|
|
Loading…
Reference in New Issue