Customizing Avatar

Variables

The following table lists the available variables for customization.

Name	Type	Default value	Computed value
$kendo-avatar-border-width		`1px`
Description The border width of the Avatar.
$kendo-avatar-font-family		`var( --kendo-font-family, inherit )`
Description The font family of the Avatar.
$kendo-avatar-font-size		`var( --kendo-font-size, inherit )`
Description The font size of the Avatar.
$kendo-avatar-line-height		`var( --kendo-line-height, inherit )`
Description The line height of the Avatar.
$kendo-avatar-sizes		`( sm: map.get( $kendo-spacing, 4 ), md: map.get( $kendo-spacing, 8 ), lg: map.get( $kendo-spacing, 16 ) )`
Description The sizes map of the Avatar.
$kendo-avatar-brand-colors		`( primary: primary, error: error, success: success, info: info, secondary: if($kendo-enable-color-system, secondary, neutral), tertiary: tertiary, )`
Description The theme variations for the Avatar.
$kendo-avatar-theme-colors		`()`
Description The theme colors map for the Avatar variations.