New to Kendo UI for VueStart a free 30-day trial

AvatarProps

Updated on May 19, 2026
NameTypeDefaultDescription

border?

boolean

Sets a border to the Avatar.

fillMode?

string

Specifies the appearance fill style of the Avatar.

The possible values are:

  • solid (Default)
  • outline

rounded?

string

medium

Configures the roundness of the Avatar.

The available options are:

  • small
  • medium
  • large
  • full
  • null—Does not set a rounded className.

size?

"small" | "medium" | "large"

Specifies the size of the Avatar

The possible values are:

  • small
  • medium (Default)
  • large

themeColor?

"base" | "primary" | "secondary" | "tertiary"

base

Configures the themeColor of the Avatar.

The available options are:

  • base
  • primary
  • secondary
  • tertiary
  • null—Does not set a themeColor className.

type?

string

Set the type of the Avatar.

The supported values are:

  • image
  • text
  • icon
Not finding the help you need?
Contact Support