CustomizationPremium
The KendoReact AIPrompt supports extensive customization of its interface, behavior, and accessibility features to match your application's requirements.
The component allows you to:
- Customize the generate button and prompt input
- Enable speech-to-text functionality
- Create custom views and toolbar items
- Customize the output card presentation
Generate Button and Prompt Input
You can customize the generate button and prompt input by passing custom components to the generateButton and promptInput props. This approach allows you to modify styling, behavior, and functionality to match your application's design.
Speech-to-Text Functionality
You can enable voice input using the enableSpeechToText property. Set it to true for default settings, or provide a configuration object to customize language settings and recognition parameters.
Custom Views
You can create custom views using the AIPromptViewRender component. Custom views appear as toolbar tabs and require corresponding toolbarItems configuration to be displayed as clickable toolbar buttons.
Output Card Customization
You can customize how AI responses are displayed using the [outputCard] property of the AIPromptOutputView. You can customize the header, body, and actions sections to control presentation, add custom actions, and implement specialized formatting.