All Components

Default Actions

The Chat provides support for rendering suggested messages for quick actions such as preset replies.

To display the suggestedActions prompt, manually call the renderSuggestedActions() method of the Chat.

<div id="vueapp">
    <kendo-chat ref="chat"></kendo-chat>
</div>
Vue.use(ChatInstaller);

new Vue({
    el: '#vueapp',
    mounted () {
      var chat = this.$refs.chat.kendoWidget()

      chat.renderSuggestedActions([{
        title: "Option 1",
        value: "Value 1"
      }, {
        title: "Option 2",
        value: "Value 2"
      }])
    }
})
In this article