KendoReact
React Inline AI Prompt
- Part of the KendoReact library along with 120+ free and paid enterprise-grade UI components.
- Includes legendary technical support, design resources, comprehensive documentation, demos, and more!
-
Bring AI assistance inline with your content
The KendoReact Inline AI Prompt brings AI assistance directly into your content without disrupting the user’s workflow. It provides a customizable popup for composing prompts, viewing AI-generated responses, and executing custom commands or actions, all positioned relative to any element in your app. You can bind outputs from your AI service, enable real-time streaming, and customize the interface to match your design. Built for React, it integrates seamlessly with Conversational UI while supporting accessibility, keyboard navigation, and theming, making it easy to deliver AI-powered experiences that feel native to your application.
-
Customization
The KendoReact AI Prompt gives you the flexibility to make the component feel native to your application. You can replace the generate button or prompt input with your own implementations. You also have full control over the output card layout, allowing you to adjust the header, body, and actions so responses are presented in a way that best fits your design and user experience.
-
Inline AI Prompt Commands
Bring AI-powered content refinement directly into your React app by creating custom prompt commands and output actions that give users quick ways to interact with AI-generated content. The experience is simple: users select text, trigger the inline prompt, and choose a command. Users can rewrite text, fix grammar, adjust tone, translate, resize content, or polish formatting—all without leaving their workflow. The generated output appears right in context, where users can insert, replace the original, copy, or discard it.
You can use Inline AI Prompt Commands as a standalone feature, or integrate it into other KendoReact components like the Editor to extend functionality and deliver richer, smarter user experiences.
-
AI Services Integration
The KendoReact Inline AI Prompt makes it easy to connect your app to any AI service. Using the onPromptRequest event, you can send user input to your AI API and display responses directly in the component. Integration is straightforward—configure your keys and model, and the component handles the flow, letting you focus on delivering AI-powered features to your users.
