Returns the aria-label
attribute of the avatar.
Sets the background color of the avatar.
Sets the color of the avatar's initials or icon.
Sets an icon to the avatar. All icons from the material icon set are supported.
Sets the id
of the avatar. If not set, the first avatar component will have id
= "igx-avatar-0"
.
Sets initials to the avatar.
Returns the role
attribute of the avatar.
Returns the type of the avatar. The avatar can be:
"initials type avatar"
"icon type avatar"
"image type avatar"
."custom type avatar"
.Sets square, rounded or circular shape to the avatar. By default the shape of the avatar is square.
Sets the image source of the avatar.
Returns the size of the avatar.
Sets the size of the avatar.
By default, the size is "small"
. It can be set to "medium"
or "large"
.
Returns the type of the avatar.
Avatar provides a way to display an image, icon or initials to the user.
Igx Module
IgxAvatarModule
Igx Theme
igx-avatar-theme, igx-icon-theme
Igx Keywords
avatar, profile, picture, initials
Igx Group
Layouts
Remarks
The Ignite UI Avatar provides an easy way to add an avatar icon to your application. This icon can be an image, someone's initials or a material icon from the Google Material icon set.
Example