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

Update TemplatingDoc.vue

pull/5098/head
tugcekucukoglu 2024-01-12 15:44:53 +03:00
parent f0cf4906d1
commit c06c73e285
1 changed files with 10 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
doc/metergroup/TemplatingDoc.vue
View File

@ -20,7 +20,7 @@
<template #start="{ totalPercent }"> <template #start="{ totalPercent }">
<div class="flex justify-content-between mt-3 mb-2"> <div class="flex justify-content-between mt-3 mb-2">
<span>Account </span> <span>Account </span>
<span :style="{ 'margin-left': totalPercent }" class="absolute">{{ totalPercent }}</span> <span :style="{ width: totalPercent }" class="absolute text-right">{{ totalPercent }}</span>
<span>Savings: 1000$ </span> <span>Savings: 1000$ </span>
</div> </div>
</template> </template>
@ -52,8 +52,9 @@ export default {
</div> </div>
</template> </template>
<template #start="{ totalPercent }"> <template #start="{ totalPercent }">
<div class="flex mt-3 mb-2 justify-content-between"> <div class="flex justify-content-between mt-3 mb-2">
<span>Total spent: {{ totalPercent }}</span> <span>Account </span>
<span :style="{ width: totalPercent }" class="absolute text-right">{{ totalPercent }}</span>
<span>Savings: 1000$ </span> <span>Savings: 1000$ </span>
</div> </div>
</template> </template>
@ -74,8 +75,9 @@ export default {
</div> </div>
</template> </template>
<template #start="{ totalPercent }"> <template #start="{ totalPercent }">
<div class="flex mt-3 mb-2 justify-content-between"> <div class="flex justify-content-between mt-3 mb-2">
<span>Total spent: {{ totalPercent }}</span> <span>Account </span>
<span :style="{ width: totalPercent }" class="absolute text-right">{{ totalPercent }}</span>
<span>Savings: 1000$ </span> <span>Savings: 1000$ </span>
</div> </div>
</template> </template>
@ -112,8 +114,9 @@ export default {
</div> </div>
</template> </template>
<template #start="{ totalPercent }"> <template #start="{ totalPercent }">
<div class="flex mt-3 mb-2 justify-content-between"> <div class="flex justify-content-between mt-3 mb-2">
<span>Total spent: {{ totalPercent }}</span> <span>Account </span>
<span :style="{ width: totalPercent }" class="absolute text-right">{{ totalPercent }}</span>
<span>Savings: 1000$ </span> <span>Savings: 1000$ </span>
</div> </div>
</template> </template>