Fix: RadioButton group documentation
parent
168eae241e
commit
4e4a53f224
|
@ -34,19 +34,19 @@ export default {
|
|||
basic: `
|
||||
<div class="flex flex-wrap gap-3">
|
||||
<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>
|
||||
</div>
|
||||
<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>
|
||||
</div>
|
||||
<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>
|
||||
</div>
|
||||
<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>
|
||||
</div>
|
||||
</div>`,
|
||||
|
@ -55,19 +55,19 @@ export default {
|
|||
<div class="card flex justify-content-center">
|
||||
<div class="flex flex-wrap gap-3">
|
||||
<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>
|
||||
</div>
|
||||
<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>
|
||||
</div>
|
||||
<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>
|
||||
</div>
|
||||
<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>
|
||||
</div>
|
||||
</div>
|
||||
|
@ -88,19 +88,19 @@ export default {
|
|||
<div class="card flex justify-content-center">
|
||||
<div class="flex flex-wrap gap-3">
|
||||
<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>
|
||||
</div>
|
||||
<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>
|
||||
</div>
|
||||
<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>
|
||||
</div>
|
||||
<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>
|
||||
</div>
|
||||
</div>
|
||||
|
|
Loading…
Reference in New Issue