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

Update template doc

pull/4683/head
Cagatay Civici 2023-10-23 23:51:32 +03:00
parent d15eda44f9
commit 259d5c1a5a
1 changed files with 6 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
doc/tag/TemplateDoc.vue
View File

@ -3,10 +3,10 @@
<p>Children of the component are passed as the content for templating.</p> <p>Children of the component are passed as the content for templating.</p>
</DocSectionText> </DocSectionText>
<div class="card flex justify-content-center"> <div class="card flex justify-content-center">
<Tag :style="{ background: 'linear-gradient(-225deg,#AC32E4 0%,#7918F2 48%,#4801FF 100%)' }"> <Tag style="background: linear-gradient(to right, var(--primary-300), var(--primary-700))">
<div class="flex align-items-center gap-2"> <div class="flex align-items-center gap-2">
<img alt="Country" src="https://primefaces.org/cdn/primevue/images/flag/flag_placeholder.png" class="flag flag-it" style="width: 18px" /> <img alt="Country" src="https://primefaces.org/cdn/primevue/images/flag/flag_placeholder.png" class="flag flag-it" style="width: 18px" />
<span class="text-base">Italia</span> <span class="text-base">Italy</span>
<i class="pi pi-times text-xs"></i> <i class="pi pi-times text-xs"></i>
</div> </div>
</Tag> </Tag>
@ -20,9 +20,9 @@ export default {
return { return {
code: { code: {
basic: ` basic: `
<Tag :style="{ background: 'linear-gradient(-225deg,#AC32E4 0%,#7918F2 48%,#4801FF 100%)' }"> <Tag style="background: linear-gradient(to right, var(--primary-300), var(--primary-700))">
<div class="flex align-items-center gap-2"> <div class="flex align-items-center gap-2">
<img alt="Country" src="https://primefaces.org/cdn/primevue/images/flag/flag_placeholder.png" class="flag flag-it" style="width: 18px" /> <img alt="Country" src="/images/flag/flag_placeholder.png" class="flag flag-it" style="width: 18px" />
<span class="text-base">Italia</span> <span class="text-base">Italia</span>
<i class="pi pi-times text-xs"></i> <i class="pi pi-times text-xs"></i>
</div> </div>
@ -31,7 +31,7 @@ export default {
options: ` options: `
<template> <template>
<div class="card flex justify-content-center"> <div class="card flex justify-content-center">
<Tag :style="{ background: 'linear-gradient(-225deg,#AC32E4 0%,#7918F2 48%,#4801FF 100%)' }"> <Tag style="background: linear-gradient(to right, var(--primary-300), var(--primary-700))">
<div class="flex align-items-center gap-2"> <div class="flex align-items-center gap-2">
<img alt="Country" src="https://primefaces.org/cdn/primevue/images/flag/flag_placeholder.png" class="flag flag-it" style="width: 18px" /> <img alt="Country" src="https://primefaces.org/cdn/primevue/images/flag/flag_placeholder.png" class="flag flag-it" style="width: 18px" />
<span class="text-base">Italia</span> <span class="text-base">Italia</span>
@ -42,13 +42,12 @@ export default {
</template> </template>
<script> <script>
<\/script> <\/script>
`, `,
composition: ` composition: `
<template> <template>
<div class="card flex justify-content-center"> <div class="card flex justify-content-center">
<Tag :style="{ background: 'linear-gradient(-225deg,#AC32E4 0%,#7918F2 48%,#4801FF 100%)' }"> <Tag style="background: linear-gradient(to right, var(--primary-300), var(--primary-700))">
<div class="flex align-items-center gap-2"> <div class="flex align-items-center gap-2">
<img alt="Country" src="https://primefaces.org/cdn/primevue/images/flag/flag_placeholder.png" class="flag flag-it" style="width: 18px" /> <img alt="Country" src="https://primefaces.org/cdn/primevue/images/flag/flag_placeholder.png" class="flag flag-it" style="width: 18px" />
<span class="text-base">Italia</span> <span class="text-base">Italia</span>
@ -59,7 +58,6 @@ export default {
</template> </template>
<script setup> <script setup>
<\/script> <\/script>
` `
} }