Syncfusion AI Assistant

How can I help you?

Choose how suggestions are displayed

18 Mar 20262 minutes to read

The AI-Powered Text Editor supports two display modes for showing completions as you type: Inline and Popup.

  • Inline: Renders the predicted text in place after the caret, matching your text style.
  • Popup : Shows a compact hint near the caret that you can tap or accept via key press.

NOTE

  • Windows and Mac Catalyst default to Inline; Android and iOS default to Popup.
  • Suggestions can be applied using the Tab or Right Arrow keys in both modes.
  • Applying inline suggestions with the Tab key is not supported on Android and iOS.

Inline suggestion mode

Inline mode displays the suggested text directly within the editor, seamlessly continuing your typing flow. This approach is ideal for desktop environments where uninterrupted input feels natural and efficient.

<Window  
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:smarttexteditor="clr-namespace:Syncfusion.UI.Xaml.SmartComponents;assembly=Syncfusion.SfSmartComponents.Wpf">

    <smarttexteditor:SfSmartTextEditor
        Placeholder="Start typing..."
        UserRole="Email author responding to inquiries"
        SuggestionDisplayMode="Inline" />
</Window>
using Syncfusion.UI.Xaml.SmartComponents;

var smarttexteditor = new SfSmartTextEditor
{
    Placeholder = "Start typing...",
    UserRole = "Email author responding to inquiries",
    SuggestionDisplayMode = SuggestionDisplayMode.Inline
};

Inline Suggestion in WPF Smart Text Editor.

Popup mode displays the suggested text in a small overlay near the caret, making it easy to review and accept without interrupting your typing. This mode is especially useful on touch based devices where tapping the suggestion feels natural and convenient.

<Window  
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:smarttexteditor="clr-namespace:Syncfusion.UI.Xaml.SmartComponents;assembly=Syncfusion.SfSmartComponents.Wpf">

    <smarttexteditor:SfSmartTextEditor
        Placeholder="Start typing..."
        UserRole="Email author responding to inquiries"
        SuggestionDisplayMode="Popup" />
</Window>
using Syncfusion.UI.Xaml.SmartComponents;

var smarttexteditor = new SfSmartTextEditor
{
    Placeholder = "Start typing...",
    UserRole = "Email author responding to inquiries",
    SuggestionDisplayMode = SuggestionDisplayMode.Popup
};

Popup Suggestion in WPF Smart Text Editor.