Components
    • Buttons
    • Charts
    • Conversational UI
    • Data Query
    • Date Inputs
    • Date Math
    • Dialogs
    • Drawing
    • Dropdowns
    • Editor
    • Excel Export
    • File Saver
    • Gauges
    • Grid
    • Icons
    • Indicators
    • Inputs
    • Labels
    • Layout
    • ListView
    • Menus
    • Navigation
    • Notification
    • Pager
    • PDF Export
    • Popup
    • ProgressBars
    • Ripple
    • Scheduler
    • ScrollView
    • Sortable
    • ToolBar
    • Tooltip
    • TreeList
    • TreeView
    • Uploads
    Styling & Themes
    Common Features
    Advanced Setup

AvatarComponent

Displays images, icons or initials representing people or other entities.

Selector

kendo-avatar

Inputs

cssStyle?

any

The CSS styles that will be rendered on the content element of the avatar. Supports the type of values that are supported by ngStyle.

height

string

Sets the height of the avatar.

icon

string

Sets the icon for the avatar. All Kendo UI Icons are supported.

iconClass

string

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

string

Sets the image source of the avatar.

initials

string

Sets initials to the avatar.

shape

Shape

Sets the shape for the avatar.

Possible values are:

  • (Default) square
  • circle
  • rounded

width

string

Sets the width of the avatar.

In this article

Not finding the help you need?