Rich Text Editor / Mention Integration / @ Mention

Blazor Rich Text Editor Example - @ Mention

Loading Syncfusion Blazor Server Demos…

This sample shows how to integrate the @Mention component within the Rich Text Editor component. Type the @ character and select a user from the suggestion list.

The @Mention is a component used to display a list of items that users can select or tag from the suggested list. In this demo, the following properties are configured with popup dimensions:

  • AllowSpaces - Allows searching for a word with spaces.
  • SuggestionCount - Controls the number of items in the suggestion list.
  • ItemTemplate - Used to display the customized appearance in the suggestion list.
Transform your Blazor web apps today with Syncfusion® Blazor components
145+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE