70 lines
3.0 KiB
Vue
70 lines
3.0 KiB
Vue
|
|
<script setup lang="ts">
|
|
import DialogsModel from '@/components/ui-components/dialogs/DialogsModel.vue';
|
|
import DialogsActivator from '@/components/ui-components/dialogs/DialogsActivator.vue';
|
|
import DialogsForm from '@/components/ui-components/dialogs/DialogsForm.vue';
|
|
import DialogsFullscreen from '@/components/ui-components/dialogs/DialogsFullscreen.vue';
|
|
import DialogsNested from '@/components/ui-components/dialogs/DialogsNested.vue';
|
|
import DialogsPersistent from '@/components/ui-components/dialogs/DialogsPersistent.vue';
|
|
import DialogsScrollable from '@/components/ui-components/dialogs/DialogsScrollable.vue';
|
|
import DialogsTransitions from '@/components/ui-components/dialogs/DialogsTransitions.vue';
|
|
import DialogConfirmModal from '@/components/ui-components/dialogs/DialogConfirmModal.vue';
|
|
</script>
|
|
|
|
|
|
<template>
|
|
<v-row>
|
|
<v-col cols="12">
|
|
<SharedUiChildCard title="Dialogs">
|
|
<v-row>
|
|
<v-col cols="6">
|
|
<SharedUiChildCard title="Dialog Model">
|
|
<DialogsModel />
|
|
</SharedUiChildCard>
|
|
</v-col>
|
|
<v-col cols="6">
|
|
<SharedUiChildCard title="Dialog Activator">
|
|
<DialogsActivator />
|
|
</SharedUiChildCard>
|
|
</v-col>
|
|
<v-col cols="6">
|
|
<SharedUiChildCard title="Dialog Form">
|
|
<DialogsForm />
|
|
</SharedUiChildCard>
|
|
</v-col>
|
|
<v-col cols="6">
|
|
<SharedUiChildCard title="Dialog Fullscreen">
|
|
<DialogsFullscreen />
|
|
</SharedUiChildCard>
|
|
</v-col>
|
|
<v-col cols="6">
|
|
<SharedUiChildCard title="Dialog Nested">
|
|
<DialogsNested />
|
|
</SharedUiChildCard>
|
|
</v-col>
|
|
<v-col cols="6">
|
|
<SharedUiChildCard title="Dialog Persistent">
|
|
<DialogsPersistent />
|
|
</SharedUiChildCard>
|
|
</v-col>
|
|
<v-col cols="6">
|
|
<SharedUiChildCard title="Dialog Scrollable">
|
|
<DialogsScrollable />
|
|
</SharedUiChildCard>
|
|
</v-col>
|
|
<v-col cols="6">
|
|
<SharedUiChildCard title="Dialog Transitions">
|
|
<DialogsTransitions />
|
|
</SharedUiChildCard>
|
|
</v-col>
|
|
<v-col cols="6">
|
|
<SharedUiChildCard title="Dialog Confirm Modal">
|
|
<DialogConfirmModal />
|
|
</SharedUiChildCard>
|
|
</v-col>
|
|
</v-row>
|
|
</SharedUiChildCard>
|
|
</v-col>
|
|
</v-row>
|
|
</template>
|