title: Mudblazor displays value @bind-Value not as expected
body: <p><a href="https://i.stack.imgur.com/RdYsC.png" rel="nofollow noreferrer">Example</a> <br></p>
  <p>How to display @bind-value like this: design-value <br></p>
  <p>The code like this:</p>
  <p>Product.cs</p>
  <pre class="lang-cs prettyprint-override"><code>namespace Shared.Domains
  {
    public class Product
    {
       public string Name { get; set; }
       public string Design { get; set; }
    }
  }
  </code></pre>
  <p>ProductsController.cs (Web Api)</p>
  <pre class="lang-cs prettyprint-override"><code>[HttpGet(&quot;get&quot;)]
  public async Task&lt;ActionResult&lt;List&lt;Product&gt;&gt;&gt; Get()
  {
    return await _context.Products.ToListAsync();
  }
  </code></pre>
  <p>ProductDetails.razor (code)</p>
  <pre class="lang-cs prettyprint-override"><code>  private Product design;
  
    private async Task&lt;IEnumerable&lt;Product&gt;&gt; Design(string value)
    {
      var data = await HttpClient.GetFromJsonAsync&lt;List&lt;Product&gt;&gt;(&quot;/products/get&quot;);
      data = data.Select(x =&gt; new Product
                              {
                                Design = x.Design
                              }).ToList();
  
      // if text is null or empty, show complete list
      if (string.IsNullOrEmpty(value)) 
        return data;
  
      return data.Where(x =&gt; x.Design.Contains(value, StringComparison.InvariantCultureIgnoreCase));
    }
  </code></pre>
  <p>ProductDetails.razor (razor)</p>
  <pre class="lang-cs prettyprint-override"><code>          &lt;MudAutocomplete T=&quot;Product&quot; Label=&quot;Design&quot; ResetValueOnEmptyText=&quot;true&quot;
                @bind-Value=&quot;@design&quot; SearchFunc=&quot;@Design&quot; MaxItems=&quot;null&quot;
                ToStringFunc=&quot;@(e=&gt; e == null ? null : e.Design)&quot; /&gt;
            @(design?.ToString() ?? &quot;Not selected&quot;)
  </code></pre>
  <p>Output that I have is <strong>Shared.Domains.Product</strong></p>