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

Loading

configuration

Sets the initial loading state of the Chat component. When true, the send button displays a loading/stop indicator instead of the send icon. This is useful for AI chat applications where generating responses takes time. See also the loading method for toggling this state at runtime.

loading

Boolean

Default: false

<div id="chat"></div>
<script>
let messagesData = [
    {
        id: 1,
        text: "Generating response...",
        authorId: "bot",
        authorName: "AI Bot",
        timestamp: new Date(2026, 0, 1, 9, 0)
    }
];

$("#chat").kendoChat({
    loading: true,
    authorId: "user1",
    dataSource: messagesData
});
</script>