Blazor Mention Example - Multiple Data Sources
This sample demonstrates the different mentioned characters that are used to render the suggestion list. Type the @ or # or $ or % characters to select or tag the name from respective suggestion lists.
The RequireLeadingSpace property in Mention controls whether a space is needed before triggering the Mention suggestion popup. When set to false, it activates without a space; when set to true, a space is required before the Mention character. To see this feature in action, start typing with #.
In the above sample, the following are configured for the contenteditable div element with @Mention integrated.
@- Typing@lists out the suggestions of the employee names.#- Typing#lists the project names.$- Typing$lists out the cost of the project.%- Typing%lists the status of the project.
The RequireLeadingSpace property in Mention controls whether a space is needed before triggering the Mention suggestion popup.
When set to false, it activates without a space; when set to true, a space is required before the Mention character. To see this feature in action, start typing with #.
The RequireLeadingSpace property in Mention controls whether a space is needed before triggering the Mention suggestion popup.
When set to false, it activates without a space; when set to true, a space is required before the Mention character. To see this feature in action, start typing with #.