Kendo UI for Vue

Vue AIPrompt

  • Empower users to execute tasks leveraging intuitive AI commands with the Kendo UI for Vue AIPrompt component.
  • Part of the Kendo UI for Vue library along with 100+ professionally-designed components.
  • Includes support, documentation, demos, virtual classrooms, learning resources and more!
AIPrompt Overview Header
  • Easily Integrate GenAI Services into Your Vue App

    The Kendo UI for Vue AIPrompt offers a range of functionalities, from generating responses to writing prompts and interacting with AI outputs, to executing a set of predefined commands. The components provides users with a modern interface to interact with AI services, while enhancing usability for developers by offering smooth customization.

    See the Vue AIPrompt Overview Demo

    AI prompt overview
  • Suggestions

    The component enables you to provide sample prompt suggestions that can be submitted to the LLM with a single click. Simply set a custom suggestionsList and pass it to the promptSuggestions prop of the AIPromptView component.

    See the Vue AIPrompt Suggestions Demo

  • Commands

    The Kendo UI for Vue AIPrompt empowers you to easily define custom commands that can be used by the users to fine-tune a response.

    See the Vue AIPrompt Commands Demo

  • Custom Templates

    Get more flexibility by customizing the toolbar and utilizing tailor made views based on your specific needs. You have the option to define custom tools inside the AIPrompt toolbar or custom PromptContent view based on specific design or requirement. 

    See the Vue AIPrompt Custom Templates Demo

  • Events

    To ensure smooth interaction, the components emits a number of events which enable you to control its behavior upon user interaction:

    • onActiveviewchange – fires when the active view is changed 
    • onCommandexecute – fires each time a user clicks a command in the Command view 
    • onPromptrequest – fires when the users clicks the Generate button in the Prompt view 

    See the Vue AIPrompt Events Demo

  • Globalization and RTL Support

    The Kendo UI for Vue AIPrompt component has built-in localization and right-to-left (RTL) support to accommodate users who communicate in a right-to-left language script, such as Arabic and Hebrew. 

    See the Vue AIPrompt Globalization Demo

    AIPrompt Localization
Next Steps

Get Started with Kendo UI for Vue

Kendo UI for Vue - Kendoka