Mention / Multiple List

Blazor Mention Example - Multiple Data Sources

Loading Syncfusion Blazor Server Demos…

This example demonstrates different mention characters in Mention component for rendering suggestion lists.

Multiple mention characters supported:

  • Type @ – Lists employee name suggestions
  • Type # – Lists project name suggestions
  • Type $ – Lists project cost suggestions
  • Type % – Lists project status suggestions

Leading space control:

  • Use RequireLeadingSpace property to control space requirement
  • When false – Activates mention popup without space
  • When true – Requires space before mention character
  • Start typing with # to observe this feature
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