background

UI for Blazor

Blazor AI Prompt

  • Empower users to execute tasks leveraging intuitive AI commands with the Telerik UI for Blazor AI Prompt.
  • Part of the Telerik UI for Blazor library along with 110+ professionally-designed UI components.
  • Includes support, documentation, demos, virtual classrooms, Visual Studio Code Extensions and more!
telerik-ui-for-blazor-aiprompt-overview-header
  • Easily Integrate GenAI Services into Your Blazor App

    Telerik UI for Blazor AI Prompt component offers a range of functionalities, from generating responses to writing prompts and interacting with AI outputs, to executing a set of predefined commands. The Blazor AI Prompt is focused on providing users with a modern interface to interact with AI services, while enhancing usability for developers by offering smooth customization.

    See the Telerik UI for Blazor AI Prompt overview demo

    Telerik UI for Blazor AIPrompt-GettingStarted
  • AI Prompt Views

    The Telerik UI for Blazor AI Prompt component enables three predefined views to interact with: 

    • Prompt View: Features an area for user input. Users can enter prompts, suggestions and submit requests to the Large Language Model (LLM). 
    • Output View: By logging all previous interactions, this view shows prompts/commands, their results, plus options to retry, copy or rate each. 
    • Command View: Custom commands can be created by leveraging this view. It is beneficial for a specific context and can be used as independent queries to the AI. 

    See the Telerik UI for Blazor AI Prompt views demo

    Telerik UI for Blazor AIPrompt-PredefinedViews
  • AI Prompt Toolbar

    The default mode of the Telerik UI for Blazor AI Prompt toolbar is to showcase the button of the currently visible view, e.g., Output. Upon clicking, these built-in buttons trigger the view they represent. Defining custom tools within the AI Prompt control is also possible by using a simple tag.

    See the Telerik UI for Blazor AI Prompt toolbar documentation

    Telerik UI for Blazor AIPrompt-Toolbar
  • AI Prompt Customization

    Effortlessly customize the UI for Blazor AI Prompt to meet the desired look and feel. From configuring the button design to playing with the layout and footer template, you can adjust any feature to suit your needs.

  • AI Prompt Templates

    The three predefined views of the Telerik UI for Blazor AI Prompt component can be easily configured by leveraging the available ViewTemplate and FooterTemplate. The ViewTemplate allows you to control the rendering of the view's content, while the FooterTemplate handles the rendering of the footer within individual views.

    The AI Prompt also supports a PromptSuggestionItem Template for controlling the appearance of individual suggestions and a CommandItem Template that is used to define a custom markup for the command items.

    See the Telerik UI for Blazor AI Prompt templates demo

  • AI Prompt Events

    To ensure smooth interaction, the UI for Blazor AI Prompt includes the following set of events: 

    • OnRequest, which fires when the user clicks on the generate button within the Prompt View or retries a prompt from the Output View 
    • OnCommandExecute, which fires when the user clicks on a command within the Command View 
    • OnOutputRating, which fires when the user rates an output 
    • PromptTextChanged, which fires when the user changes the prompt text 

    See the Telerik UI for Blazor AI Prompt events documentation

    Telerik UI for ASP.NET Core Events
  • Globalization and Localization

    The AI Prompt control has built-in localization support, which makes it easy to translate text to any language that your Blazor app may require.

    See the Telerik UI for Blazor AI Prompt localization demo

    Telerik UI for Blazor AIPrompt-Localization
  • Right-to-Left (RTL) Support

    The Telerik UI for Blazor AI Prompt supports right-to-left configuration. The RTL functionality is supported by most Telerik components to accommodate users who communicate in a right-to-left language script, such as Arabic and Hebrew.

    See the Telerik UI for Blazor AI Prompt RTL demo

    Telerik UI for Blazor AIPrompt-RTL

All Blazor Components

Next Steps