vertumnus
/
primevue-mirror
mirror of https://github.com/primefaces/primevue.git
1
0
Fork 0
Code Packages Releases Activity

RadioButton demo updates

pull/3767/head
Tuğçe Küçükoğlu 2023-03-17 09:35:13 +03:00
parent 168eae241e
commit 7bca6fbf3d
1 changed files with 12 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
doc/radiobutton/GroupDoc.vue
View File

@ -34,19 +34,19 @@ export default {
basic: ` basic: `
<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="ingredient" inputId="ingredient1" name="pizza" /> <RadioButton v-model="ingredient" inputId="ingredient1" name="pizza" 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="ingredient" inputId="ingredient2" name="pizza" /> <RadioButton v-model="ingredient" inputId="ingredient2" name="pizza" 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="ingredient" inputId="ingredient3" name="pizza" /> <RadioButton v-model="ingredient" inputId="ingredient3" name="pizza" 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="ingredient" inputId="ingredient4" name="pizza" /> <RadioButton v-model="ingredient" inputId="ingredient4" name="pizza" value="Onion" />
<label for="ingredient4" class="ml-2">Onion</label> <label for="ingredient4" class="ml-2">Onion</label>
</div> </div>
</div>`, </div>`,
@ -55,19 +55,19 @@ export default {
<div class="card flex justify-content-center"> <div class="card flex justify-content-center">
<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="ingredient" inputId="ingredient1" name="pizza" /> <RadioButton v-model="ingredient" inputId="ingredient1" name="pizza" 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="ingredient" inputId="ingredient2" name="pizza" /> <RadioButton v-model="ingredient" inputId="ingredient2" name="pizza" 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="ingredient" inputId="ingredient3" name="pizza" /> <RadioButton v-model="ingredient" inputId="ingredient3" name="pizza" 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="ingredient" inputId="ingredient4" name="pizza" /> <RadioButton v-model="ingredient" inputId="ingredient4" name="pizza" value="Onion" />
<label for="ingredient4" class="ml-2">Onion</label> <label for="ingredient4" class="ml-2">Onion</label>
</div> </div>
</div> </div>
@ -88,19 +88,19 @@ export default {
<div class="card flex justify-content-center"> <div class="card flex justify-content-center">
<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="ingredient" inputId="ingredient1" name="pizza" /> <RadioButton v-model="ingredient" inputId="ingredient1" name="pizza" 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="ingredient" inputId="ingredient2" name="pizza" /> <RadioButton v-model="ingredient" inputId="ingredient2" name="pizza" 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="ingredient" inputId="ingredient3" name="pizza" /> <RadioButton v-model="ingredient" inputId="ingredient3" name="pizza" 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="ingredient" inputId="ingredient4" name="pizza" /> <RadioButton v-model="ingredient" inputId="ingredient4" name="pizza" value="Onion" />
<label for="ingredient4" class="ml-2">Onion</label> <label for="ingredient4" class="ml-2">Onion</label>
</div> </div>
</div> </div>