Update VeeValidateDoc.vue
parent
3de20a4e55
commit
2b63693a68
|
@ -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>
|
||||||
|
|
Loading…
Reference in New Issue