vertumnus/primevue-mirror
1
0
Fork 0
mirror of https://github.com/primefaces/primevue.git synced 2025-05-10 01:12:37 +00:00
Code Issues Projects Releases Packages Wiki Activity

Migrated demos

Browse source
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
Download patch file Download diff file Expand all files Collapse all files

50
doc/confirmdialog/HeadlessDoc.vue
View file

@ -4,20 +4,20 @@
</DocSectionText>
<ConfirmDialog group="headless">
<template #container="{ message, acceptCallback, rejectCallback }">
<div class="flex flex-column align-items-center p-5 surface-overlay border-round">
<div class="border-circle bg-primary inline-flex justify-content-center align-items-center h-6rem w-6rem -mt-8">
<div class="flex flex-col items-center p-8 bg-surface-0 dark:bg-surface-900 rounded">
<div class="rounded-full bg-primary text-primary-contrast inline-flex justify-center items-center h-24 w-24 -mt-20">
<i class="pi pi-question text-5xl"></i>
</div>
<span class="font-bold text-2xl block mb-2 mt-4">{{ message.header }}</span>
<span class="font-bold text-2xl block mb-2 mt-6">{{ message.header }}</span>
<p class="mb-0">{{ message.message }}</p>
<div class="flex align-items-center gap-2 mt-4">
<Button label="Save" @click="acceptCallback" class="w-8rem"></Button>
<Button label="Cancel" outlined @click="rejectCallback" class="w-8rem"></Button>
<div class="flex items-center gap-2 mt-6">
<Button label="Save" @click="acceptCallback" class="w-32"></Button>
<Button label="Cancel" outlined @click="rejectCallback" class="w-32"></Button>
</div>
</div>
</template>
</ConfirmDialog>
<div class="card flex justify-content-center">
<div class="card flex justify-center">
<Button @click="requireConfirmation()" label="Save"></Button>
</div>
<DocSectionCode :code="code" />
@ -31,15 +31,15 @@ export default {
basic: `
<ConfirmDialog group="headless">
<template #container="{ message, acceptCallback, rejectCallback }">
<div class="flex flex-column align-items-center p-5 surface-overlay border-round">
<div class="border-circle bg-primary inline-flex justify-content-center align-items-center h-6rem w-6rem -mt-8">
<div class="flex flex-col items-center p-8 bg-surface-0 dark:bg-surface-900 rounded">
<div class="rounded-full bg-primary text-primary-contrast inline-flex justify-center items-center h-24 w-24 -mt-20">
<i class="pi pi-question text-5xl"></i>
</div>
<span class="font-bold text-2xl block mb-2 mt-4">{{ message.header }}</span>
<span class="font-bold text-2xl block mb-2 mt-6">{{ message.header }}</span>
<p class="mb-0">{{ message.message }}</p>
<div class="flex align-items-center gap-2 mt-4">
<Button label="Save" @click="acceptCallback" class="w-8rem"></Button>
<Button label="Cancel" outlined @click="rejectCallback" class="w-8rem"></Button>
<div class="flex items-center gap-2 mt-6">
<Button label="Save" @click="acceptCallback" class="w-32"></Button>
<Button label="Cancel" outlined @click="rejectCallback" class="w-32"></Button>
</div>
</div>
</template>
@ -50,20 +50,20 @@ export default {
<template>
<ConfirmDialog group="headless">
<template #container="{ message, acceptCallback, rejectCallback }">
<div class="flex flex-column align-items-center p-5 surface-overlay border-round">
<div class="border-circle bg-primary inline-flex justify-content-center align-items-center h-6rem w-6rem -mt-8">
<div class="flex flex-col items-center p-8 bg-surface-0 dark:bg-surface-900 rounded">
<div class="rounded-full bg-primary text-primary-contrast inline-flex justify-center items-center h-24 w-24 -mt-20">
<i class="pi pi-question text-5xl"></i>
</div>
<span class="font-bold text-2xl block mb-2 mt-4">{{ message.header }}</span>
<span class="font-bold text-2xl block mb-2 mt-6">{{ message.header }}</span>
<p class="mb-0">{{ message.message }}</p>
<div class="flex align-items-center gap-2 mt-4">
<Button label="Save" @click="acceptCallback" class="w-8rem"></Button>
<Button label="Cancel" outlined @click="rejectCallback" class="w-8rem"></Button>
<div class="flex items-center gap-2 mt-6">
<Button label="Save" @click="acceptCallback" class="w-32"></Button>
<Button label="Cancel" outlined @click="rejectCallback" class="w-32"></Button>
</div>
</div>
</template>
</ConfirmDialog>
<div class="card flex justify-content-center">
<div class="card flex justify-center">
<Button @click="requireConfirmation()" label="Save"></Button>
</div>
<Toast />
@ -93,20 +93,20 @@ export default {
<template>
<ConfirmDialog group="headless">
<template #container="{ message, acceptCallback, rejectCallback }">
<div class="flex flex-column align-items-center p-5 surface-overlay border-round">
<div class="border-circle bg-primary inline-flex justify-content-center align-items-center h-6rem w-6rem -mt-8">
<div class="flex flex-col items-center p-8 bg-surface-0 dark:bg-surface-900 rounded">
<div class="rounded-full bg-primary text-primary-contrast inline-flex justify-center items-center h-24 w-24 -mt-20">
<i class="pi pi-question text-5xl"></i>
</div>
<span class="font-bold text-2xl block mb-2 mt-4">{{ message.header }}</span>
<span class="font-bold text-2xl block mb-2 mt-6">{{ message.header }}</span>
<p class="mb-0">{{ message.message }}</p>
<div class="flex align-items-center gap-2 mt-4">
<div class="flex items-center gap-2 mt-6">
<Button label="Save" @click="acceptCallback"></Button>
<Button label="Cancel" outlined @click="rejectCallback"></Button>
</div>
</div>
</template>
</ConfirmDialog>
<div class="card flex justify-content-center">
<div class="card flex justify-center">
<Button @click="requireConfirmation()" label="Save"></Button>
</div>
<Toast />