All Demos / Mention / Multiple List

Blazor Mention Example - Multiple Data Sources

Loading Syncfusion Blazor Server Demos…
This demo passes automated axe checks with 0 violations — semantic markup, ARIA, full keyboard operation, visible focus. Section 508 conformant Accessibility report VPAT

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