Files
Yusron alamsyah 6bb6a1d430 first commit
2026-03-13 10:45:28 +07:00

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>