vertumnus
/
primevue-mirror
mirror of https://github.com/primefaces/primevue.git
1
0
Fork 0
Code Packages Releases Activity

Update TemplateDoc.vue

pull/4476/head
Tuğçe Küçükoğlu 2023-09-20 11:14:24 +03:00
parent 3be7dcd539
commit d1892a0ef2
1 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
doc/confirmdialog/TemplateDoc.vue
View File

@ -2,7 +2,7 @@
<DocSectionText v-bind="$attrs">
<p>Templating allows customizing the content where the message instance is available as the implicit variable.</p>
</DocSectionText>
<ConfirmDialog group="templating">
<ConfirmDialog group="templating" :pt="{ headertitle: 'mr-4' }">
<template #message="slotProps">
<div class="flex p-4">
<i :class="slotProps.message.icon" style="font-size: 1.5rem"></i>
@ -21,7 +21,7 @@ export default {
data() {
return {
code: {
basic: `<ConfirmDialog group="templating">
basic: `<ConfirmDialog group="templating" :pt="{ headertitle: 'mr-4' }">
<template #message="slotProps">
<div class="flex p-4">
<i :class="slotProps.message.icon" style="font-size: 1.5rem"></i>
@ -31,8 +31,7 @@ export default {
</ConfirmDialog>
<Button @click="showTemplate()" icon="pi pi-check" label="Terms and Conditions" class="mr-2"></Button>`,
options: `<template>
<Toast />
<ConfirmDialog group="templating">
<ConfirmDialog group="templating" :pt="{ headertitle: 'mr-4' }">
<template #message="slotProps">
<div class="flex p-4">
<i :class="slotProps.message.icon" style="font-size: 1.5rem"></i>
@ -43,6 +42,7 @@ export default {
<div class="card flex flex-wrap gap-2 justify-content-center">
<Button @click="showTemplate()" icon="pi pi-check" label="Terms and Conditions" class="mr-2"></Button>
</div>
<Toast />
</template>
<script>
@ -68,8 +68,7 @@ export default {
};
<\/script>`,
composition: `<template>
<Toast />
<ConfirmDialog group="templating">
<ConfirmDialog group="templating" :pt="{ headertitle: 'mr-4' }">
<template #message="slotProps">
<div class="flex p-4">
<i :class="slotProps.message.icon" style="font-size: 1.5rem"></i>
@ -80,6 +79,7 @@ export default {
<div class="card flex flex-wrap gap-2 justify-content-center">
<Button @click="showTemplate()" icon="pi pi-check" label="Terms and Conditions" class="mr-2"></Button>
</div>
<Toast />
</template>
<script setup>