AvatarComponent
Displays images, icons or initials representing people or other entities.
Selector
kendo-avatar
Inputs
Name | Type | Default | Description |
---|---|---|---|
border |
|
Sets a border to the avatar. | |
cssStyle? |
|
The CSS styles that will be rendered on the content element of the avatar. Supports the type of values that are supported by ngStyle. | |
fillMode |
|
Specifies the appearance fill style of the avatar. The possible values are:
| |
height |
|
Sets the height of the avatar. | |
icon |
|
Sets the | |
iconClass |
|
Defines a CSS class — or multiple classes separated by spaces — which are applied to a span element inside the avatar. Allows the usage of custom icons. | |
imageSrc |
|
Sets the | |
initials |
|
Sets | |
rounded |
|
Specifies the rounded styling of the avatar (see example). The possible values are:
| |
size |
|
Specifies the size of the avatar (see example). The possible values are:
| |
svgIcon |
|
Defines an SVGIcon to be rendered. The input can take either an existing Kendo SVG icon or a custom one. | |
themeColor |
|
Specifies the theme color of the avatar. The theme color will be applied as background and border color, while also amending the text color accordingly. The possible values are:
| |
width |
|
Sets the width of the avatar. |