Blazor AIPrompt - Overview

New E-mail

  • Overview.razor
  • AIPromptConstants.cs
Loading the demo source code...please wait.

Style in ThemeBuilder

  • Custom SASS variables
  • Atomic customizations
  • Sharing projects
Start Theming
blazor ui ninja image

The AIPrompt component is part of Telerik UI for Blazor, a professional grade UI library with 110+ native components for building modern and feature-rich applications. To try it out sign up for a free 30-day trial.


Explore the Telerik UI for Blazor AI Prompt component demo page. This component helps integrating Large Language Model (LLM) technology into your application, adding artificial intelligence features.

The AI Prompt component includes three built-in views for interaction:

  • Prompt View: A key area for user input, with a main input field for entering prompts, suggestions, and a button to submit requests to the LLM.
  • Output View: Logs all previous interactions, showing prompts/commands, their results, and options to retry, copy, or rate each.
  • Command View: Lets you create custom commands for use in your specific context or as independent queries to the AI.

The core of the AI Prompt component is its adaptability. Each view, including Prompt View, Output View, Command View, and Custom View, is highly customizable. You can change everything from button designs to the layout and footer template. While default settings offer a straightforward beginning, you can adjust any feature to suit your needs.

This current example demonstrates how the Telerik AI Prompt component can be combined with a text area, allowing for the direct transfer of output to the input field. This functionality enables dynamic execution of commands on selected text within the TextArea, customizing results for your requirements.

This Blazor AIPrompt Overview example is part of a unique collection of hundreds of Blazor demos, with which you can see all Telerik UI for Blazor components and their features in action. View the source code of the demos from the library or directly adapt, and edit them and their theme appearance in Telerik REPL for Blazor or ThemeBuilder.

Additional Resources

An error has occurred. This application may no longer respond until reloaded.