Custom Templates

The Kendo UI for Vue AIPrompt enables you to customize its toolbar and be able to use tailor made views that fit the requirements of your project. In this article you can see how to define:

• Custom tools inside the AIPrompt's toolbar
• Custom PromptContent view based on specific design or requirement

Custom Toolbar Button

The following example showcases how we can add a custom Button to the toolbar of the AIPrompt component. In the specific demo, once the custom button is clicked, the FloatingActionButton closes.

Custom PromptContent

Based on the above example, the following one demonstrates how we can render two separate PromptContent views that are activated when one of the two custom toolbar buttons is clicked. There is no restriction in the number of custom views we can define.

Using the demonstrated approach, you can customize the way your responses are displayed.

Suggested Links

• API Reference of the AIPromptProps