Customization in Vue Smart TextArea

01 Sep 20262 minutes to read

The ShowSuggestionOnPopup property in the Syncfusion® Vue Smart TextArea allows you to control how AI-generated text suggestions are presented to users. Depending on your application requirements, suggestions can be displayed in a popup window or directly within the text area as inline suggestions.

This customization helps you provide the most suitable suggestion experience for different scenarios. For example, popup suggestions can help users review generated content separately, while inline suggestions offer a more seamless writing experience.

The following values are supported:

Value Description
Enable Displays AI suggestions in a popup window.
Disable Displays AI suggestions inline within the text area.
None Uses the default suggestion behavior.

By default, the showSuggestionOnPopup property is set to None.

Display suggestions in a popup

Set the showSuggestionOnPopup property to Enable to display AI suggestions in a popup window. This mode allows users to review and accept suggestions without interrupting the content currently being edited.

<template>
    <ejs-smarttextarea
      id="smart-textarea"
      placeholder="Enter your queries here"
      :rows="3"
      :cols="35"
      userRole="Employee communicating with internal team"
      :aiSuggestionHandler="serverAIRequest"
      showSuggestionOnPopup="Enable"
    ></ejs-smarttextarea>
</template>

Suggestion on popup

  • If ShowSuggestionOnPopup is Disable, AI-generated suggestions are displayed directly within the text area, allowing users to review suggestions in context and continue typing without interacting with a separate popup window.
<template>
    <ejs-smarttextarea
      id="smart-textarea"
      placeholder="Enter your queries here"
      :rows="3"
      :cols="35"
      userRole="Employee communicating with internal team"
      :aiSuggestionHandler="serverAIRequest"
      showSuggestionOnPopup="Disable"
    ></ejs-smarttextarea>
</template>

Suggestion inline

By default showSuggestionOnPopup is None.

See also