ant-design-blazor/components/mentions/Mentions.razor

@namespace AntDesign
@using AntDesign.Internal
@inherits AntDomComponentBase


<div class="@ClassMapper.Class">
    <textarea @ref="@Ref"
              @bind="@Value"
              @attributes="@Attributes"
              style="white-space: pre-wrap; @Style"
              id="@Id"
              rows="@Rows"
              disabled="@Disable"
              readonly="@Readonly"
              placeholder="@Placeholder"
              @onfocus="@Onfocus"
              @onblur="@Onblur"
              @onkeypress="@OnKeyPress"
              @onkeydown="@OnKeyDown"
              @onkeyup="@OnKeyUp" />

    <CascadingValue Value="this" IsFixed="@true">
        @if (ShowSuggestions)
        {
            <div class="ant-mentions-measure" style="z-index:1050;">
                <div>
                    <div class="ant-mentions-dropdown" style="@DropdownStyle">
                        <div class="ant-mentions-dropdown-menu" role="menu">
                            @if (LstOriginalOptions.Count > 0)
                            {
                                @if (Loading)
                                {
                                    <MentionsOption Value="ANTD_SEARCHING" Disable="true">
                                        <Spin Size="small"></Spin>
                                    </MentionsOption>
                                }
                                else
                                {

                                    foreach (var item in LstOriginalOptions)
                                    {

                                        <MentionsOption Value="@item.Value">@item.ChildContent</MentionsOption>

                                    }
                                }
                            }
                            else
                            {
                                @ChildContent
                            }
                        </div>
                    </div>
                </div>
            </div>
        }
    </CascadingValue>

</div>