Migrated demos

This commit is contained in:
Cagatay Civici 2024-05-20 15:14:38 +03:00
parent 1f86b4906f
commit 48f92d3966
454 changed files with 3920 additions and 3920 deletions

View file

@ -2,9 +2,9 @@
<DocSectionText v-bind="$attrs">
<p>RadioButtons can be generated using a list of values.</p>
</DocSectionText>
<div class="card flex justify-content-center">
<div class="flex flex-column gap-3">
<div v-for="category in categories" :key="category.key" class="flex align-items-center">
<div class="card flex justify-center">
<div class="flex flex-col gap-4">
<div v-for="category in categories" :key="category.key" class="flex items-center">
<RadioButton v-model="selectedCategory" :inputId="category.key" name="dynamic" :value="category.name" />
<label :for="category.key" class="ml-2">{{ category.name }}</label>
</div>
@ -26,7 +26,7 @@ export default {
selectedCategory: 'Production',
code: {
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 items-center">
<RadioButton v-model="selectedCategory" :inputId="category.key" name="dynamic" :value="category.name" />
<label :for="category.key" class="ml-2">{{ category.name }}</label>
</div>
@ -34,9 +34,9 @@ export default {
`,
options: `
<template>
<div class="card flex justify-content-center">
<div class="flex flex-column gap-3">
<div v-for="category in categories" :key="category.key" class="flex align-items-center">
<div class="card flex justify-center">
<div class="flex flex-col gap-4">
<div v-for="category in categories" :key="category.key" class="flex items-center">
<RadioButton v-model="selectedCategory" :inputId="category.key" name="dynamic" :value="category.name" />
<label :for="category.key" class="ml-2">{{ category.name }}</label>
</div>
@ -62,9 +62,9 @@ export default {
`,
composition: `
<template>
<div class="card flex justify-content-center">
<div class="flex flex-column gap-3">
<div v-for="category in categories" :key="category.key" class="flex align-items-center">
<div class="card flex justify-center">
<div class="flex flex-col gap-4">
<div v-for="category in categories" :key="category.key" class="flex items-center">
<RadioButton v-model="selectedCategory" :inputId="category.key" name="dynamic" :value="category.name" />
<label :for="category.key" class="ml-2">{{ category.name }}</label>
</div>