Blazor Mention Example - Custom Templates

Mention / Template

This sample demonstrates the template functionalities of the Mention component. Type the @ character in the editable element and select or tag the user from the customized suggestion list.

Loading Syncfusion Blazor Server Demos…

In the above sample, for the template rendering the following are used

  • TargetComponent - It is used to set the target element, where the Mention component needs to be displayed.
  • ItemTemplate - It is used for displaying customized lists.
  • DisplayTemplate - It is used to display, how the the value selected is previewed in the element.
  • NoRecordsTemplate - It is used to display a message if a user searches for irrelevant data in the data source bound.
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