New to Kendo UI for jQuery? Start a free 30-day trial

ThemeColor

configuration

Sets a value controlling the theme color for the background of the Avatar container. When undefined (the default), the theme controls the color. Can also be set to the following string values: - "base" - Applies base theme color. - "primary" - Applies coloring based on primary theme color. - "secondary" - Applies coloring based on secondary theme color. - "tertiary" - Applies coloring based on tertiary theme color.

themeColor

String

Default: undefined

<div id="avatar"></div>
<script>
    $("#avatar").kendoAvatar({
        text: "IG",
        themeColor: "secondary"
    });
</script>