Smart Autocomplete

Request count: 0

Current suggestion: Empty string

This demo incorporates an AI-powered Smart Autocomplete extension into the DevExpress Blazor Memo component. The extension helps users compose text more efficiently. As users type, an AI service analyzes their input and context, and generates relevant text suggestions.

To try autocomplete suggestions in this demo, place the caret at the end of existing text and start typing. You can interact with suggestions in the following ways:

  • Press Tab to apply a suggestion.
  • Press Esc or Backspace, continue typing, or click outside the editor to dismiss a suggestion.

Note: DevExpress AI-powered extensions follow the "bring your own key" principle. DevExpress does not offer a REST API and does not ship any built-in LLMs/SLMs. You need an active Azure/Open AI subscription to obtain the REST API endpoint, key, and model deployment name. These variables must be specified at application startup to register AI clients and enable DevExpress AI-powered extensions in your application.

Follow the steps below to reproduce the capabilities of this demo in your Blazor project:

  1. Register an AI service in your application.
  2. Register the DevExpress.AIIntegration.Blazor.Editors namespace in the Components/Imports.razor file or in your Razor file.
  3. Use the Extensions property to add the AI-powered Smart Autocomplete functionality to the Memo editor.