74 lines
1.9 KiB
Vue
74 lines
1.9 KiB
Vue
|
<script setup>
|
||
|
|
import * as demoCode from '@/views/demos/forms/form-wizard/form-wizard-icons/demoCodeFormWizardIcons'
|
||
|
|
import DemoFormWizardIconsBasic from '@/views/demos/forms/form-wizard/form-wizard-icons/DemoFormWizardIconsBasic.vue'
|
||
|
|
import DemoFormWizardIconsModernBasic from '@/views/demos/forms/form-wizard/form-wizard-icons/DemoFormWizardIconsModernBasic.vue'
|
||
|
|
import DemoFormWizardIconsValidation from '@/views/demos/forms/form-wizard/form-wizard-icons/DemoFormWizardIconsValidation.vue'
|
||
|
|
import DemoFormWizardIconsVertical from '@/views/demos/forms/form-wizard/form-wizard-icons/DemoFormWizardIconsVertical.vue'
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<template>
|
||
|
|
<VRow>
|
||
|
|
<!-- 👉 Basic -->
|
||
|
|
<VCol cols="12">
|
||
|
|
<AppCardCode
|
||
|
|
variant="outlined"
|
||
|
|
title="Basic"
|
||
|
|
:code="demoCode.basic"
|
||
|
|
>
|
||
|
|
<DemoFormWizardIconsBasic />
|
||
|
|
</AppCardCode>
|
||
|
|
</VCol>
|
||
|
|
|
||
|
|
<!-- 👉 Validation -->
|
||
|
|
<VCol cols="12">
|
||
|
|
<AppCardCode
|
||
|
|
variant="outlined"
|
||
|
|
title="Validation"
|
||
|
|
:code="demoCode.validation"
|
||
|
|
>
|
||
|
|
<DemoFormWizardIconsValidation />
|
||
|
|
</AppCardCode>
|
||
|
|
</VCol>
|
||
|
|
|
||
|
|
<!-- 👉 Vertical -->
|
||
|
|
<VCol cols="12">
|
||
|
|
<AppCardCode
|
||
|
|
variant="outlined"
|
||
|
|
title="Vertical"
|
||
|
|
:code="demoCode.vertical"
|
||
|
|
>
|
||
|
|
<DemoFormWizardIconsVertical />
|
||
|
|
</AppCardCode>
|
||
|
|
</VCol>
|
||
|
|
</VRow>
|
||
|
|
|
||
|
|
<VDivider class="my-10 mx-n6" />
|
||
|
|
<h3 class="text-h3 my-4">
|
||
|
|
Modern
|
||
|
|
</h3>
|
||
|
|
|
||
|
|
<VRow>
|
||
|
|
<!-- 👉 Modern Basic -->
|
||
|
|
<VCol cols="12">
|
||
|
|
<AppCardCode
|
||
|
|
variant="outlined"
|
||
|
|
title="Modern basic"
|
||
|
|
:code="demoCode.modernBasic"
|
||
|
|
>
|
||
|
|
<DemoFormWizardIconsModernBasic />
|
||
|
|
</AppCardCode>
|
||
|
|
</VCol>
|
||
|
|
|
||
|
|
<!-- 👉 Modern Vertical -->
|
||
|
|
<VCol cols="12">
|
||
|
|
<AppCardCode
|
||
|
|
variant="outlined"
|
||
|
|
title="Modern Vertical"
|
||
|
|
:code="demoCode.modernVertical"
|
||
|
|
>
|
||
|
|
<DemoFormWizardIconsModernVertical />
|
||
|
|
</AppCardCode>
|
||
|
|
</VCol>
|
||
|
|
</VRow>
|
||
|
|
</template>
|