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

Remove duplicate class from badge directive demo

pull/5300/head
tugcekucukoglu 2024-02-16 12:43:06 +03:00
parent 625c6f47c3
commit 6c16db6187
1 changed files with 12 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
doc/badge/PositionDoc.vue
View File

@ -3,9 +3,9 @@
<p>A Badge can be positioned at the top right corner of an element by adding <i>p-overlay-badge</i> style class to the element and embedding the badge inside.</p> <p>A Badge can be positioned at the top right corner of an element by adding <i>p-overlay-badge</i> style class to the element and embedding the badge inside.</p>
</DocSectionText> </DocSectionText>
<div class="card flex flex-wrap justify-content-center gap-4"> <div class="card flex flex-wrap justify-content-center gap-4">
<i v-badge="2" class="pi pi-bell p-overlay-badge" style="font-size: 2rem" /> <i v-badge="2" class="pi pi-bell" style="font-size: 2rem" />
<i v-badge.danger="'5+'" class="pi pi-calendar p-overlay-badge" style="font-size: 2rem" /> <i v-badge.danger="'5+'" class="pi pi-calendar" style="font-size: 2rem" />
<i v-badge.danger class="pi pi-envelope p-overlay-badge" style="font-size: 2rem" /> <i v-badge.danger class="pi pi-envelope" style="font-size: 2rem" />
</div> </div>
<DocSectionCode :code="code" /> <DocSectionCode :code="code" />
</template> </template>
@ -16,16 +16,16 @@ export default {
return { return {
code: { code: {
basic: ` basic: `
<i v-badge="2" class="pi pi-bell p-overlay-badge" style="font-size: 2rem" /> <i v-badge="2" class="pi pi-bell" style="font-size: 2rem" />
<i v-badge.danger="'5+'" class="pi pi-calendar p-overlay-badge" style="font-size: 2rem" /> <i v-badge.danger="'5+'" class="pi pi-calendar" style="font-size: 2rem" />
<i v-badge.danger class="pi pi-envelope p-overlay-badge" style="font-size: 2rem" /> <i v-badge.danger class="pi pi-envelope" style="font-size: 2rem" />
`, `,
options: ` options: `
<template> <template>
<div class="card flex flex-wrap justify-content-center gap-4"> <div class="card flex flex-wrap justify-content-center gap-4">
<i v-badge="2" class="pi pi-bell p-overlay-badge" style="font-size: 2rem" /> <i v-badge="2" class="pi pi-bell" style="font-size: 2rem" />
<i v-badge.danger="'5+'" class="pi pi-calendar p-overlay-badge" style="font-size: 2rem" /> <i v-badge.danger="'5+'" class="pi pi-calendar" style="font-size: 2rem" />
<i v-badge.danger class="pi pi-envelope p-overlay-badge" style="font-size: 2rem" /> <i v-badge.danger class="pi pi-envelope" style="font-size: 2rem" />
</div> </div>
</template> </template>
@ -36,9 +36,9 @@ export default {
composition: ` composition: `
<template> <template>
<div class="card flex flex-wrap justify-content-center gap-4"> <div class="card flex flex-wrap justify-content-center gap-4">
<i v-badge="2" class="pi pi-bell p-overlay-badge" style="font-size: 2rem" /> <i v-badge="2" class="pi pi-bell" style="font-size: 2rem" />
<i v-badge.danger="'5+'" class="pi pi-calendar p-overlay-badge" style="font-size: 2rem" /> <i v-badge.danger="'5+'" class="pi pi-calendar" style="font-size: 2rem" />
<i v-badge.danger class="pi pi-envelope p-overlay-badge" style="font-size: 2rem" /> <i v-badge.danger class="pi pi-envelope" style="font-size: 2rem" />
</div> </div>
</template> </template>