items.avatarClass String (default: '')

If set, value will be appended to the icon's element class attribute. It also appends "k-chip avatar" and "k-avatar" classes to the icon's element.

Example

<style>
    .dan {
        background-image: url("https://demos.telerik.com/kendo-ui/content/web/Customers/SPLIR.jpg");
    }

    .thomas {
        background-image: url("https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg");
    }

    .maria {
        background-image: url("https://demos.telerik.com/kendo-ui/content/web/Customers/BERGS.jpg");
    }
</style>
<div id="chiplist"></div>
<script>
    $('#chiplist').kendoChipList({
        items: [
            { avatarClass: 'maria', label: 'Maria' },
            { avatarClass: 'thomas', label: 'Thomas' },
            { avatarClass: 'dan', label: 'Dan' },
        ]
    });
</script>
In this article