updated avatar icon && image doc examples

primefaces · May 9, 2024 · 0c2886f · 0c2886f
1 parent add2c8a
commit 0c2886f
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 6 deletions.
diff --git a/src/app/showcase/doc/avatar/icondoc.ts b/src/app/showcase/doc/avatar/icondoc.ts
@@ -22,7 +22,7 @@ import { Code } from '@domain/code';
             </div>
             <div class="col-12 md:col-4">
                 <h5>Badge</h5>
-                <p-avatar icon="pi pi-user" pBadge value="4" size="xlarge" />
+                <p-avatar icon="pi pi-user" pBadge value="4" size="xlarge" badgeSize="large" />
             </div>
         </div>
         <app-code [code]="code" selector="avatar-icon-demo"></app-code>
@@ -64,7 +64,8 @@ export class IconDoc {
     icon="pi pi-user" 
     pBadge 
     value="4" 
-    size="xlarge" />`,
+    size="xlarge"
+    badgeSize="large" />`,
         html: `<div class="col-12 md:col-4">
         <h5>Icon</h5>
         <p-avatar 
@@ -106,7 +107,8 @@ export class IconDoc {
             icon="pi pi-user" 
             pBadge 
             value="4" 
-            size="xlarge" />
+            size="xlarge"
+            badgeSize="large" />
     </div>`,
         typescript: `import { Component } from '@angular/core';
 import { AvatarModule } from 'primeng/avatar';

diff --git a/src/app/showcase/doc/avatar/imagedoc.ts b/src/app/showcase/doc/avatar/imagedoc.ts
@@ -16,7 +16,7 @@ import { Code } from '@domain/code';
                 </div>
                 <div class="flex-auto">
                     <h5>Badge</h5>
-                    <p-avatar pBadge value="4" image="https://primefaces.org/cdn/primeng/images/demo/avatar/walter.jpg" size="xlarge" />
+                    <p-avatar pBadge value="4" image="https://primefaces.org/cdn/primeng/images/demo/avatar/walter.jpg" size="xlarge" badgeSize="large"/>
                 </div>
                 <div class="flex-auto">
                     <h5>Gravatar</h5>
@@ -48,7 +48,8 @@ export class ImageDoc {
     pBadge 
     value="4" 
     image="https://primefaces.org/cdn/primeng/images/demo/avatar/walter.jpg" 
-    size="xlarge" />
+    size="xlarge"
+    badgeSize="large" />
 
 <p-avatar 
     image="https://www.gravatar.com/avatar/05dfd4b41340d09cae045235eb0893c3?d=mp" 
@@ -78,7 +79,8 @@ export class ImageDoc {
                 pBadge 
                 value="4" 
                 image="https://primefaces.org/cdn/primeng/demo/avatar/walter.jpg" 
-                size="xlarge" />
+                size="xlarge"
+                badgeSize="large" />
         </div>
         <div class="flex-auto">
             <h5>Gravatar</h5>