background

Kendo UI for Angular

Angular AIPrompt

  • Empower users to execute tasks leveraging intuitive AI commands with the Kendo UI for Angular AIPrompt component.
  • Part of the Kendo UI for Angular library along with 110+ professionally-designed components.
  • Includes support, documentation, demos, virtual classrooms, Visual Studio Code Extensions and more!
AIPrompt Overview Header
  • Seamlessly Integrate GenAI Services into Your Angular App

    The Kendo UI for Angular 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 Angular AIPrompt Overview Demo
     

    AI prompt overview
  • Views

    The Kendo UI for Angular AIPrompt component offers three predefined views to interact with:

    • Prompt View: Features an area for user input. Users can easily enter prompts, suggestions and submit requests to the Large Language Model (LLM).
    • Output View: By logging all previous interactions, this view displays prompts/commands, the respective results, as well as options to retry, copy or rate each.
    • Command View: Enables you to easily display a set of predefined commands that will be executed by the AI model. 
    • Custom View: Empowers you to define the exact content that will be displayed within the component. 

    See the Angular AIPrompt Views Demo 
     

    AIPrompt Predefined Views
  • Toolbar Template

    The Kendo UI for Angular AIPrompt component enables you to easily customize the toolbar actions by simply using the AIPromptToolbarActionsDirective. 

    See the Angular AIPrompt Toolbar Template Demo
     

    AIPrompt Toolbar Template
  • Events

    To ensure smooth interaction, the Kendo UI for Angular AIPrompt emits a number of events which enable you to control its behavior upon user interaction. 

    See the Angular AIPrompt Events Demo
     

  • Accessibility

    The Kendo UI for Angular AIPrompt is WCAG 2.2 AA and Section 508 compliant. All relevant internal elements of the component have the aria attributes and roles with their respective values required for WCAG 2.2 compliance.

    See the Angular AIPrompt Accessibility Demo

    Accessibility 2024

All Kendo UI for Angular Components

Next Steps

Get Started with Kendo UI for Angular

Kendo UI for Angular - Kendoka