• What is KendoReact
  • Getting Started
  • Server Components
  • Components
    • Animation
    • Barcodes
    • Buttons
    • Chartsupdated
    • Common Utilities
    • Conversational UIupdated
    • Data Gridupdated
    • Data Query
    • Data Tools
    • Date Inputs
    • Date Math
    • Dialogs
    • Drawing
    • Dropdownsupdated
    • Editor
    • Excel Export
    • File Saver
    • Formupdated
    • Ganttupdated
    • Gauges
    • Indicators
    • Inputsupdated
    • Labels
    • Layoutupdated
    • ListBox
    • ListView
    • Map
    • Notification
    • OrgChartnew
    • PDF Processing
    • PDFViewer
    • PivotGrid
    • Popup
    • Progress Bars
    • Ripple
    • Scheduler
    • ScrollView
    • Sortable
    • Spreadsheetupdated
    • TaskBoard
    • Tooltips
    • TreeList
    • TreeViewupdated
    • Upload
  • Sample Applications
  • Styling & Themes
  • Common Features
  • Project Setup
  • Knowledge Base
  • Changelog
  • Updates
  • Troubleshooting

KendoReact Avatar Overview

The Avatar component is typically used to display images, icons, or initials representing people or other entities.


The following example demonstrates the Avatar in action.

Example
View Source
Change Theme:

The Avatar is part of the KendoReact Layout component library. The procedures for installing, importing, and using all components in the library are identical. To learn how to use the Avatar and the rest of the components in the package, see the Getting Started with the KendoReact Layout Package guide.

Key Features

  • Appearance—The Avatar comes with predefined option that allow you to set its shape, type, color, size, border, and fill.

In this article

Not finding the help you need?