Component: Avatar

[tomavic]

Describe the bug

There is no actual component with the name p-avatarGroup

Your example is actually not working :)

https://codesandbox.io/s/ceg08p

Environment

ng 15

Reproducer

https://codesandbox.io/s/ceg08p

Angular version

15

PrimeNG version

15

Build / Runtime

Angular CLI App

Language

TypeScript

Node version (for AoT issues node --version)

18

Browser(s)

No response

Steps to reproduce the behavior

No response

Expected behavior

No response

[TolgaYigit]

It seems that the AvatarGroupModule import is missing from the imports array in the app.module.ts file. Simply adding this import should resolve the issue and make it work as intended.

[SoyDiego]

It seems that the AvatarGroupModule import is missing from the imports array in the app.module.ts file. Simply adding this import should resolve the issue and make it work as intended.

Hi @tomavic, as @TolgaYigit said you should add import { AvatarGroupModule } from "primeng/avatargroup";and then add AvatarGroupModule in the imports array in the app.module.ts file.
By the way I created a CodeSandbox here: https://codesandbox.io/s/primeng-avatar-group-demo-2xcgyt.

[tomavic]

Thanks @TolgaYigit & @SoyDiego for reply. However this module is not mentioned in the documentation.

Also please confirm that this module AvatarGroupModule is supported by prime@15

Finally, I would have applied the desired style without importing the module and applied this simple style to my example

.avatar-group p-avatar + p-avatar {
  margin-left: -1rem;
}

and in html

      <div class="flex justify-content-center avatar-group">
        <p-avatar
          *ngFor="let item of items"
          [label]="item.name"
          styleClass="border-1"
          size="large"
          shape="circle"></p-avatar>
      </div>

[SoyDiego]

Thanks @TolgaYigit & @SoyDiego for reply. However this module is not mentioned in the documentation.

Also please confirm that this module AvatarGroupModule is supported by prime@15

I don't know what version of PrimeNG are you using exactly, but I downloaded PrimeNG 15.4.1 and it have the AvatarGroupModule.

[tomavic]

@SoyDiego
Cool. I believe that this missing part should be add in the documentation.

[SoyDiego]

@SoyDiego Cool. I believe that this missing part should be add in the documentation.

I created a PR adding that part: #13296