RadioButton demo name fixes
parent
f7f17cc4a1
commit
7b6d458067
|
@ -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>
|
||||||
|
|
Loading…
Reference in New Issue