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