RadioButton demo name fixes

pull/4534/head
Tuğçe Küçükoğlu 2023-10-02 11:55:02 +03:00
parent f7f17cc4a1
commit 7b6d458067
1 changed files with 4 additions and 4 deletions

View File

@ -5,7 +5,7 @@
<div class="card flex justify-content-center"> <div class="card flex justify-content-center">
<div class="flex flex-column gap-3"> <div class="flex flex-column gap-3">
<div v-for="category in categories" :key="category.key" class="flex align-items-center"> <div v-for="category in categories" :key="category.key" class="flex align-items-center">
<RadioButton v-model="selectedCategory" :inputId="category.key" name="pizza2" :value="category.name" /> <RadioButton v-model="selectedCategory" :inputId="category.key" name="dynamic" :value="category.name" />
<label :for="category.key" class="ml-2">{{ category.name }}</label> <label :for="category.key" class="ml-2">{{ category.name }}</label>
</div> </div>
</div> </div>
@ -27,7 +27,7 @@ export default {
code: { code: {
basic: ` basic: `
<div v-for="category in categories" :key="category.key" class="flex align-items-center"> <div v-for="category in categories" :key="category.key" class="flex align-items-center">
<RadioButton v-model="selectedCategory" :inputId="category.key" name="pizza" :value="category.name" /> <RadioButton v-model="selectedCategory" :inputId="category.key" name="dynamic" :value="category.name" />
<label :for="category.key" class="ml-2">{{ category.name }}</label> <label :for="category.key" class="ml-2">{{ category.name }}</label>
</div> </div>
`, `,
@ -36,7 +36,7 @@ export default {
<div class="card flex justify-content-center"> <div class="card flex justify-content-center">
<div class="flex flex-column gap-3"> <div class="flex flex-column gap-3">
<div v-for="category in categories" :key="category.key" class="flex align-items-center"> <div v-for="category in categories" :key="category.key" class="flex align-items-center">
<RadioButton v-model="selectedCategory" :inputId="category.key" name="pizza" :value="category.name" /> <RadioButton v-model="selectedCategory" :inputId="category.key" name="dynamic" :value="category.name" />
<label :for="category.key" class="ml-2">{{ category.name }}</label> <label :for="category.key" class="ml-2">{{ category.name }}</label>
</div> </div>
</div> </div>
@ -63,7 +63,7 @@ export default {
<div class="card flex justify-content-center"> <div class="card flex justify-content-center">
<div class="flex flex-column gap-3"> <div class="flex flex-column gap-3">
<div v-for="category in categories" :key="category.key" class="flex align-items-center"> <div v-for="category in categories" :key="category.key" class="flex align-items-center">
<RadioButton v-model="selectedCategory" :inputId="category.key" name="pizza" :value="category.name" /> <RadioButton v-model="selectedCategory" :inputId="category.key" name="dynamic" :value="category.name" />
<label :for="category.key" class="ml-2">{{ category.name }}</label> <label :for="category.key" class="ml-2">{{ category.name }}</label>
</div> </div>
</div> </div>