New to KendoReactStart a free 30-day trial

AvatarProps

Interface

Definition

Package:@progress/kendo-react-layout

Properties

border?

boolean

Sets a border to the Avatar.

children?

ReactNode

Sets the Avatar children elements.

Sets additional classes to the Avatar.

fillMode?

"solid" | "outline"

Configures the fillMode of the Avatar.

The available options are:

  • solid
  • outline
Default:

undefined (theme-controlled)

rounded?

"small" | "medium" | "large" | "full" | "none"

Configures the roundness of the Avatar.

The available options are:

  • small
  • medium
  • large
  • full
  • none
Default:

undefined (theme-controlled)

size?

"small" | "medium" | "large"

Configures the size of the Avatar.

The available options are:

  • small
  • medium
  • large
Default:

undefined (theme-controlled)

src?

string

Sets the URL for the image when type is 'image'.

style?

CSSProperties

Sets additional CSS styles to the Avatar.

themeColor?

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

Configures the themeColor of the Avatar.

The available options are:

  • base
  • primary
  • secondary
  • tertiary
Default:

undefined (theme-controlled)

type?

string

Sets the type of the Avatar.

The supported values are:

  • image
  • text
  • icon