Merge pull request #8155 from IgniteUI/SIvanova/avatar-roundShape

docs(avatar): add missing brackets

Author: simeonoff

projects/igniteui-angular/src/lib/avatar/README.md

@@ -5,7 +5,7 @@ A walkthrough of how to get started can be found [here](https://www.infragistics
 
 # Usage
 ```html
-<igx-avatar roundShape="true" icon="person" bgColor="#0375be" data-init="SS">
+<igx-avatar [roundShape]="true" icon="person" bgColor="#0375be" data-init="SS">
 </igx-avatar>
 ```
 
@@ -27,7 +27,7 @@ A walkthrough of how to get started can be found [here](https://www.infragistics
 
 Using `igx-avatar` tag to include it into your app.
 ```html
-<igx-avatar roundShape="true" icon="person" bgColor="#0375be" data-init="SS">
+<igx-avatar [roundShape]="true" icon="person" bgColor="#0375be" data-init="SS">
 </igx-avatar>
 ```
 

projects/igniteui-angular/src/lib/avatar/avatar.component.ts

@@ -47,7 +47,7 @@ export type IgxAvatarType = (typeof IgxAvatarType)[keyof typeof IgxAvatarType];
  *
  * @example
  * ```html
- * <igx-avatar initials="MS" roundShape="true" size="large">
+ * <igx-avatar initials="MS" [roundShape]="true" size="large">
  * </igx-avatar>
  * ```
  */
@@ -145,12 +145,12 @@ export class IgxAvatarComponent implements OnInit {
     public id = `igx-avatar-${NEXT_ID++}`;
 
     /**
-     * Sets a round shape to the avatar, if `roundShape` is set to `true`.
+     * Sets a round shape to the avatar, if `[roundShape]` is set to `true`.
      * By default the shape of the avatar is a square.
      *
      * @example
      * ```html
-     * <igx-avatar roundShape="true" ></igx-avatar>
+     * <igx-avatar [roundShape]="true" ></igx-avatar>
      * ```
      */