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