---
title: Overview
position: 1
seo_title: Overview of the InlineAIPrompt Component
seo_description: Learn about the basic features of the Telerik and Kendo UI
  InlineAIPrompt component and its types, check out the extensive set of
  available options in its live demo.
---
## InlineAIPrompt Overview

The InlineAIPrompt is a contextual popup that features a text area where users can enter prompts and immediately view AI-generated responses. The output is displayed in a response card above the text area, allowing users to take actions such as replacing, discarding, or executing other custom commands relevant to the context. Users can also utilize the command menu button for even quicker actions without waiting for a response—such as generating a content summary, translating text, or accessing general assistance. The InlineAIPrompt component integrates seamlessly into existing workflows and interfaces, making AI assistance a natural extension of the user experience.

### Live Demo

<LiveDemo data='{"links":[{"text":"Angular","url":"https://www.telerik.com/kendo-angular-ui/components/conversational-ui/inline-aiprompt"},{"text":"Blazor","url":"https://demos.telerik.com/blazor-ui/inlineaiprompt/overview"},{"text":"jQuery","url":"https://demos.telerik.com/kendo-ui/inline-aiprompt/index"},{"text":"React","url":"https://www.telerik.com/kendo-react-ui/components/conversationalui/inline-ai-prompt"},{"text":"ASP.NET Core","url":"https://demos.telerik.com/aspnet-core/inline-aiprompt"},{"text":"ASP.NET MVC","url":"https://demos.telerik.com/aspnet-mvc/inline-aiprompt"}],"demo":"components/inlineaiprompt/overview"}'></LiveDemo>

### Anatomy

The anatomy of the InlineAIPrompt summarizes the elements of the component.

<BlueprintImage data='{"description":"","labels":[{"text":"Popup"},{"text":"Commands Menu icon button"},{"text":"SpeechToText icon button"},{"text":"Input field"},{"text":"Generate button"},{"text":"TextArea"},{"text":"Card body with response content"},{"text":"Card footer flat buttons"},{"text":"Response Card"}]}'>![A Telerik and Kendo UI InlineAIPrompt component and its elements](images/components-inlineaiprompt-overview-anatomy.png "Anatomy and elements of a Telerik and Kendo UI InlineAIPrompt")</BlueprintImage>

### Framework-Specific Documentation

For specific information about the component, refer to its official product documentation:

<Wrap>
<ExternalResource data='{"title":"Kendo UI for Angular InlineAIPrompt","description":"Find more information about the Kendo UI for Angular InlineAIPrompt in the official product documentation of the component.","url":"https://www.telerik.com/kendo-angular-ui/components/conversational-ui/inline-aiprompt"}'>![Kendo UI for Angular logo.](/images/angular-logo.svg)</ExternalResource>

<ExternalResource data='{"title":"Telerik UI for Blazor InlineAIPrompt","description":"Find more information about the Telerik UI for Blazor InlineAIPrompt in the official product documentation of the component.","url":"https://demos.telerik.com/blazor-ui/inlineaiprompt/overview"}'>![Telerik UI for Blazor logo.](/images/blazor-logo.svg)</ExternalResource>

<ExternalResource data='{"title":"Kendo UI for jQuery InlineAIPrompt","description":"Find more information about the Kendo UI for jQuery InlineAIPrompt in the official product documentation of the component.","url":"https://demos.telerik.com/kendo-ui/inline-aiprompt/index"}'>![Kendo UI for jQuery logo.](/images/jquery-logo.svg)</ExternalResource>

<ExternalResource data='{"title":"KendoReact InlineAIPrompt","description":"Find more information about the KendoReact InlineAIPrompt in the official product documentation of the component.","url":"https://www.telerik.com/kendo-react-ui/components/conversationalui/inline-ai-prompt"}'>![Kendo UI for React logo.](/images/react-logo.svg)</ExternalResource>

<ExternalResource data='{"title":"Telerik UI for ASP.NET Core InlineAIPrompt","description":"Find more information about the Telerik UI for ASP.NET Core InlineAIPrompt component.","url":"https://demos.telerik.com/aspnet-core/inline-aiprompt"}'>![Telerik UI for ASP.NET Core logo.](/images/core-logo.svg)</ExternalResource>

<ExternalResource data='{"title":"Telerik UI for ASP.NET MVC InlineAIPrompt","description":"Find more information about the Telerik UI for ASP.NET MVC InlineAIPrompt component.","url":"https://demos.telerik.com/aspnet-mvc/inline-aiprompt"}'>![Telerik UI for ASP.NET MVC logo.](/images/mvc-logo.svg)</ExternalResource>

</Wrap>