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

AvatarProps

Interface

Definition

Package:@progress/kendo-vue-layout

Properties

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

Configures the roundness of the Avatar.

The available options are:

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

medium

size?

"small" | "medium" | "large"

Specifies the size of the Avatar

The possible values are:

  • small
  • medium (Default)
  • large

themeColor?

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

Configures the themeColor of the Avatar.

The available options are:

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

base

type?

string

Set the type of the Avatar.

The supported values are:

  • image
  • text
  • icon