Update VeeValidateDoc.vue

pull/3984/head^2
Tuğçe Küçükoğlu 2023-06-09 14:52:55 +03:00
parent 3de20a4e55
commit 2b63693a68
1 changed files with 16 additions and 16 deletions

View File

@ -7,19 +7,19 @@
<div>Please choose your ingredient.</div> <div>Please choose your ingredient.</div>
<div class="flex flex-wrap gap-3"> <div class="flex flex-wrap gap-3">
<div class="flex align-items-center"> <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> <label for="ingredient1" class="ml-2">Cheese</label>
</div> </div>
<div class="flex align-items-center"> <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> <label for="ingredient2" class="ml-2">Mushroom</label>
</div> </div>
<div class="flex align-items-center"> <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> <label for="ingredient3" class="ml-2">Pepper</label>
</div> </div>
<div class="flex align-items-center"> <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> <label for="ingredient4" class="ml-2">Onion</label>
</div> </div>
</div> </div>
@ -66,19 +66,19 @@ export default {
<div>Please choose your ingredient.</div> <div>Please choose your ingredient.</div>
<div class="flex flex-wrap gap-3"> <div class="flex flex-wrap gap-3">
<div class="flex align-items-center"> <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> <label for="ingredient1" class="ml-2">Cheese</label>
</div> </div>
<div class="flex align-items-center"> <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> <label for="ingredient2" class="ml-2">Mushroom</label>
</div> </div>
<div class="flex align-items-center"> <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> <label for="ingredient3" class="ml-2">Pepper</label>
</div> </div>
<div class="flex align-items-center"> <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> <label for="ingredient4" class="ml-2">Onion</label>
</div> </div>
</div> </div>
@ -94,19 +94,19 @@ export default {
<div>Please choose your ingredient.</div> <div>Please choose your ingredient.</div>
<div class="flex flex-wrap gap-3"> <div class="flex flex-wrap gap-3">
<div class="flex align-items-center"> <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> <label for="ingredient1" class="ml-2">Cheese</label>
</div> </div>
<div class="flex align-items-center"> <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> <label for="ingredient2" class="ml-2">Mushroom</label>
</div> </div>
<div class="flex align-items-center"> <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> <label for="ingredient3" class="ml-2">Pepper</label>
</div> </div>
<div class="flex align-items-center"> <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> <label for="ingredient4" class="ml-2">Onion</label>
</div> </div>
</div> </div>
@ -153,19 +153,19 @@ export default {
<div>Please choose your ingredient.</div> <div>Please choose your ingredient.</div>
<div class="flex flex-wrap gap-3"> <div class="flex flex-wrap gap-3">
<div class="flex align-items-center"> <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> <label for="ingredient1" class="ml-2">Cheese</label>
</div> </div>
<div class="flex align-items-center"> <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> <label for="ingredient2" class="ml-2">Mushroom</label>
</div> </div>
<div class="flex align-items-center"> <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> <label for="ingredient3" class="ml-2">Pepper</label>
</div> </div>
<div class="flex align-items-center"> <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> <label for="ingredient4" class="ml-2">Onion</label>
</div> </div>
</div> </div>