<div id="chat"></div>
<script>
let messagesData = [
    {
        id: 1,
        text: "Choose from the scrollable suggestions below:",
        authorId: "assistant",
        authorName: "Virtual Assistant",
        timestamp: new Date()
    }
];

$("#chat").kendoChat({
    suggestions: [
        { text: "Option 1" },
        { text: "Option 2" },
        { text: "Option 3" },
        { text: "Option 4" },
        { text: "Option 5" },
        { text: "Option 6" }
    ],
    suggestionsScrollable: true,
    authorId: "user",
    dataSource: messagesData
});
</script>