title: How to make two-way binding on Blazor component
body: <p>I want to create custom input, so I created this component:</p>
  <p><code>MyInputComponent.razor</code>:</p>
  <pre><code>&lt;div&gt;
    &lt;input type=&quot;text&quot; @bind=&quot;BindingValue&quot; /&gt;
  &lt;/div&gt;
  
  @code {
      [Parameter]
      public string BindingValue { get; set; }
  }
  </code></pre>
  <p>Then the usage:</p>
  <pre><code>&lt;EditForm Model=&quot;model&quot; OnValidSubmit=&quot;Submit&quot;&gt;
      &lt;MyInputComponent BindingValue=&quot;model.Name&quot; /&gt;
  &lt;/EditForm&gt;
  
  @code {
      User model = new User() { Name = &quot;My Name&quot; };
  
      private void Submit()
      {
         // here I found model.Name = null;
     }
  }
  </code></pre>
  <p>When I debug <code>MyInputComponent</code>, I found the value as I have entered. But when I submit the form, the value is null.</p>
  <p>What is missing?</p>