Example of @ Mention in Blazor Rich Text Editor Component

Rich Text Editor / Mention Integration / @ Mention

This sample shows how to integrate @Mention component within Rich Text Editor component. Type @ 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, configured the following properties with popup dimensions.

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