# C1.Blazor.Input.C1NumericBox-1

## Content

<div class="doc-site-dotnet-api-container">



  <h1 id="C1_Blazor_Input_C1NumericBox_1" data-uid="C1.Blazor.Input.C1NumericBox`1" class="text-break">C1NumericBox&lt;TNumeric&gt; Class
</h1>
  <div class="markdown level0 summary"><p>Represents a control that can be used to display and edit numeric.</p>
</div>
  <div class="markdown level0 conceptual"></div>
  <div class="inheritance">
    <h5>Inheritance</h5>
    <div class="level0"><a class="xref" href="https://learn.microsoft.com/dotnet/api/system.object">object</a></div>
    <div class="level1"><a class="xref" href="https://learn.microsoft.com/dotnet/api/microsoft.aspnetcore.components.componentbase">ComponentBase</a></div>
    <div class="level2"><a class="xref" href="../C1.Blazor.Core/C1.Blazor.Core.C1View.html">C1View</a></div>
    <div class="level3"><span class="xref">C1NumericBox&lt;TNumeric&gt;</span></div>
  </div>
  <div class="implements">
    <h5>Implements</h5>
    <div><a class="xref" href="https://learn.microsoft.com/dotnet/api/microsoft.aspnetcore.components.icomponent">IComponent</a></div>
    <div><a class="xref" href="https://learn.microsoft.com/dotnet/api/microsoft.aspnetcore.components.ihandleafterrender">IHandleAfterRender</a></div>
    <div><a class="xref" href="https://learn.microsoft.com/dotnet/api/microsoft.aspnetcore.components.ihandleevent">IHandleEvent</a></div>
    <div><a class="xref" href="https://learn.microsoft.com/dotnet/api/system.idisposable">IDisposable</a></div>
    <div><a class="xref" href="../C1.Blazor.Core/C1.Blazor.Core.IDependencyObject.html">IDependencyObject</a></div>
  </div>
  <h6><strong>Namespace</strong>: <a class="xref" href="C1.Blazor.Input.html">C1.Blazor.Input</a></h6>
  <h6><strong>Assembly</strong>: C1.Blazor.Input.dll</h6>
  <h5 id="C1_Blazor_Input_C1NumericBox_1_syntax">Syntax</h5>
  <div class="codewrapper">
    <pre><code class="lang-csharp hljs">public class C1NumericBox&lt;TNumeric&gt; : C1View, IComponent, IHandleAfterRender, IHandleEvent, IDisposable, IDependencyObject</code></pre>
  </div>
  <div class="codewrapper">
    <pre><code class="lang-vbnet hljs">Public Class C1NumericBox(Of TNumeric)
    Inherits C1View
    Implements IComponent, IHandleAfterRender, IHandleEvent, IDisposable, IDependencyObject</code></pre>
  </div>
  <h5 class="typeParameters">Type Parameters</h5>
  <table class="table table-bordered table-condensed">
    <thead>
      <tr>
        <th>Name</th>
        <th>Description</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td><span class="parametername">TNumeric</span></td>
        <td></td>
      </tr>
    </tbody>
  </table>
  <h3 id="constructors">Constructors
</h3>
  <table class="table table-bordered table-condensed">
    <thead>
      <tr>
        <th>Name</th>
        <th>Description</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td id="C1_Blazor_Input_C1NumericBox_1__ctor" data-uid="C1.Blazor.Input.C1NumericBox`1.#ctor">
          <a class="xref" href="C1.Blazor.Input.C1NumericBox-1.-ctor.html#C1_Blazor_Input_C1NumericBox_1__ctor">C1NumericBox()</a>
        </td>
        <td class="markdown level1 summary"><p>Initializes a new instance of the <a class="xref" href="C1.Blazor.Input.C1NumericBox-1.html">C1NumericBox&lt;TNumeric&gt;</a> class.</p>
</td>
      </tr>
    </tbody>
  </table>
  <h3 id="fields">Fields
</h3>
  <table class="table table-bordered table-condensed">
    <thead>
      <tr>
        <th>Name</th>
        <th>Description</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td id="C1_Blazor_Input_C1NumericBox_1_DecrementIconTemplateProperty" data-uid="C1.Blazor.Input.C1NumericBox`1.DecrementIconTemplateProperty">
          <a class="xref" href="C1.Blazor.Input.C1NumericBox-1.DecrementIconTemplateProperty.html">DecrementIconTemplateProperty</a>
        </td>
        <td class="markdown level1 summary"><p>Identifies the <a class="xref" href="C1.Blazor.Input.C1NumericBox-1.DecrementIconTemplate.html#C1_Blazor_Input_C1NumericBox_1_DecrementIconTemplate">DecrementIconTemplate</a> dependency property.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Blazor_Input_C1NumericBox_1_IncrementIconTemplateProperty" data-uid="C1.Blazor.Input.C1NumericBox`1.IncrementIconTemplateProperty">
          <a class="xref" href="C1.Blazor.Input.C1NumericBox-1.IncrementIconTemplateProperty.html">IncrementIconTemplateProperty</a>
        </td>
        <td class="markdown level1 summary"><p>Identifies the <a class="xref" href="C1.Blazor.Input.C1NumericBox-1.IncrementIconTemplate.html#C1_Blazor_Input_C1NumericBox_1_IncrementIconTemplate">IncrementIconTemplate</a> dependency property.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Blazor_Input_C1NumericBox_1_IsEnabledProperty" data-uid="C1.Blazor.Input.C1NumericBox`1.IsEnabledProperty">
          <a class="xref" href="C1.Blazor.Input.C1NumericBox-1.IsEnabledProperty.html">IsEnabledProperty</a>
        </td>
        <td class="markdown level1 summary"><p>Identifies the <a class="xref" href="C1.Blazor.Input.C1NumericBox-1.IsEnabled.html#C1_Blazor_Input_C1NumericBox_1_IsEnabled">IsEnabled</a> dependency property.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Blazor_Input_C1NumericBox_1_IsReadOnlyProperty" data-uid="C1.Blazor.Input.C1NumericBox`1.IsReadOnlyProperty">
          <a class="xref" href="C1.Blazor.Input.C1NumericBox-1.IsReadOnlyProperty.html">IsReadOnlyProperty</a>
        </td>
        <td class="markdown level1 summary"><p>Identifies the <a class="xref" href="C1.Blazor.Input.C1NumericBox-1.IsReadOnly.html#C1_Blazor_Input_C1NumericBox_1_IsReadOnly">IsReadOnly</a> dependency property.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Blazor_Input_C1NumericBox_1_ValueProperty" data-uid="C1.Blazor.Input.C1NumericBox`1.ValueProperty">
          <a class="xref" href="C1.Blazor.Input.C1NumericBox-1.ValueProperty.html">ValueProperty</a>
        </td>
        <td class="markdown level1 summary"><p>Identifies the <a class="xref" href="C1.Blazor.Input.C1NumericBox-1.Value.html#C1_Blazor_Input_C1NumericBox_1_Value">Value</a> dependency property.</p>
</td>
      </tr>
    </tbody>
  </table>
  <h3 id="properties">Properties
</h3>
  <table class="table table-bordered table-condensed">
    <thead>
      <tr>
        <th>Name</th>
        <th>Description</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td id="C1_Blazor_Input_C1NumericBox_1_ButtonDisplayMode" data-uid="C1.Blazor.Input.C1NumericBox`1.ButtonDisplayMode">
          <a class="xref" href="C1.Blazor.Input.C1NumericBox-1.ButtonDisplayMode.html#C1_Blazor_Input_C1NumericBox_1_ButtonDisplayMode">ButtonDisplayMode</a>
        </td>
        <td class="markdown level1 summary"><p>Set ButtonDisplayMode.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Blazor_Input_C1NumericBox_1_DecrementIconTemplate" data-uid="C1.Blazor.Input.C1NumericBox`1.DecrementIconTemplate">
          <a class="xref" href="C1.Blazor.Input.C1NumericBox-1.DecrementIconTemplate.html#C1_Blazor_Input_C1NumericBox_1_DecrementIconTemplate">DecrementIconTemplate</a>
        </td>
        <td class="markdown level1 summary"><p>Decrement IconTemplate button content.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Blazor_Input_C1NumericBox_1_FinishEditingKeys" data-uid="C1.Blazor.Input.C1NumericBox`1.FinishEditingKeys">
          <a class="xref" href="C1.Blazor.Input.C1NumericBox-1.FinishEditingKeys.html#C1_Blazor_Input_C1NumericBox_1_FinishEditingKeys">FinishEditingKeys</a>
        </td>
        <td class="markdown level1 summary"><p>Hit one of keys to finish editing.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Blazor_Input_C1NumericBox_1_Format" data-uid="C1.Blazor.Input.C1NumericBox`1.Format">
          <a class="xref" href="C1.Blazor.Input.C1NumericBox-1.Format.html#C1_Blazor_Input_C1NumericBox_1_Format">Format</a>
        </td>
        <td class="markdown level1 summary"><p>Standard numeric format strings.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Blazor_Input_C1NumericBox_1_Id" data-uid="C1.Blazor.Input.C1NumericBox`1.Id">
          <a class="xref" href="C1.Blazor.Input.C1NumericBox-1.Id.html#C1_Blazor_Input_C1NumericBox_1_Id">Id</a>
        </td>
        <td class="markdown level1 summary"><p>Get or set the ID.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Blazor_Input_C1NumericBox_1_IncrementIconTemplate" data-uid="C1.Blazor.Input.C1NumericBox`1.IncrementIconTemplate">
          <a class="xref" href="C1.Blazor.Input.C1NumericBox-1.IncrementIconTemplate.html#C1_Blazor_Input_C1NumericBox_1_IncrementIconTemplate">IncrementIconTemplate</a>
        </td>
        <td class="markdown level1 summary"><p>Increment IconTemplate button content.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Blazor_Input_C1NumericBox_1_IsEnabled" data-uid="C1.Blazor.Input.C1NumericBox`1.IsEnabled">
          <a class="xref" href="C1.Blazor.Input.C1NumericBox-1.IsEnabled.html#C1_Blazor_Input_C1NumericBox_1_IsEnabled">IsEnabled</a>
        </td>
        <td class="markdown level1 summary"><p>Enable disable mode.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Blazor_Input_C1NumericBox_1_IsReadOnly" data-uid="C1.Blazor.Input.C1NumericBox`1.IsReadOnly">
          <a class="xref" href="C1.Blazor.Input.C1NumericBox-1.IsReadOnly.html#C1_Blazor_Input_C1NumericBox_1_IsReadOnly">IsReadOnly</a>
        </td>
        <td class="markdown level1 summary"><p>Enable readonly mode.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Blazor_Input_C1NumericBox_1_Max" data-uid="C1.Blazor.Input.C1NumericBox`1.Max">
          <a class="xref" href="C1.Blazor.Input.C1NumericBox-1.Max.html#C1_Blazor_Input_C1NumericBox_1_Max">Max</a>
        </td>
        <td class="markdown level1 summary"><p>Maximum of value.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Blazor_Input_C1NumericBox_1_Min" data-uid="C1.Blazor.Input.C1NumericBox`1.Min">
          <a class="xref" href="C1.Blazor.Input.C1NumericBox-1.Min.html#C1_Blazor_Input_C1NumericBox_1_Min">Min</a>
        </td>
        <td class="markdown level1 summary"><p>Minimum of value.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Blazor_Input_C1NumericBox_1_OnValueChanged" data-uid="C1.Blazor.Input.C1NumericBox`1.OnValueChanged">
          <a class="xref" href="C1.Blazor.Input.C1NumericBox-1.OnValueChanged.html#C1_Blazor_Input_C1NumericBox_1_OnValueChanged">OnValueChanged</a>
        </td>
        <td class="markdown level1 summary"><p>Gets or sets the callback that is called when the value is changed.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Blazor_Input_C1NumericBox_1_Placeholder" data-uid="C1.Blazor.Input.C1NumericBox`1.Placeholder">
          <a class="xref" href="C1.Blazor.Input.C1NumericBox-1.Placeholder.html#C1_Blazor_Input_C1NumericBox_1_Placeholder">Placeholder</a>
        </td>
        <td class="markdown level1 summary"><p>Get or set placeholder.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Blazor_Input_C1NumericBox_1_Step" data-uid="C1.Blazor.Input.C1NumericBox`1.Step">
          <a class="xref" href="C1.Blazor.Input.C1NumericBox-1.Step.html#C1_Blazor_Input_C1NumericBox_1_Step">Step</a>
        </td>
        <td class="markdown level1 summary"><p>The value that the numeric box should take to add or dec current value.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Blazor_Input_C1NumericBox_1_Value" data-uid="C1.Blazor.Input.C1NumericBox`1.Value">
          <a class="xref" href="C1.Blazor.Input.C1NumericBox-1.Value.html#C1_Blazor_Input_C1NumericBox_1_Value">Value</a>
        </td>
        <td class="markdown level1 summary"><p>Get or set value of numeric box.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Blazor_Input_C1NumericBox_1_ValueChanged" data-uid="C1.Blazor.Input.C1NumericBox`1.ValueChanged">
          <a class="xref" href="C1.Blazor.Input.C1NumericBox-1.ValueChanged.html#C1_Blazor_Input_C1NumericBox_1_ValueChanged">ValueChanged</a>
        </td>
        <td class="markdown level1 summary"><p>Gets or sets the callback called when the <a class="xref" href="C1.Blazor.Input.C1NumericBox-1.Value.html#C1_Blazor_Input_C1NumericBox_1_Value">Value</a> property has changed.</p>
</td>
      </tr>
    </tbody>
  </table>
  <h3 id="methods">Methods
</h3>
  <table class="table table-bordered table-condensed">
    <thead>
      <tr>
        <th>Name</th>
        <th>Description</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td id="C1_Blazor_Input_C1NumericBox_1_BuildRenderTree_Microsoft_AspNetCore_Components_Rendering_RenderTreeBuilder_" data-uid="C1.Blazor.Input.C1NumericBox`1.BuildRenderTree(Microsoft.AspNetCore.Components.Rendering.RenderTreeBuilder)">
          <a class="xref" href="C1.Blazor.Input.C1NumericBox-1.BuildRenderTree.html#C1_Blazor_Input_C1NumericBox_1_BuildRenderTree_Microsoft_AspNetCore_Components_Rendering_RenderTreeBuilder_">BuildRenderTree(RenderTreeBuilder)</a>
        </td>
        <td class="markdown level1 summary"></td>
      </tr>
      <tr>
        <td id="C1_Blazor_Input_C1NumericBox_1_Dispose_System_Boolean_" data-uid="C1.Blazor.Input.C1NumericBox`1.Dispose(System.Boolean)">
          <a class="xref" href="C1.Blazor.Input.C1NumericBox-1.Dispose.html#C1_Blazor_Input_C1NumericBox_1_Dispose_System_Boolean_">Dispose(bool)</a>
        </td>
        <td class="markdown level1 summary"></td>
      </tr>
      <tr>
        <td id="C1_Blazor_Input_C1NumericBox_1_FocusAsync" data-uid="C1.Blazor.Input.C1NumericBox`1.FocusAsync">
          <a class="xref" href="C1.Blazor.Input.C1NumericBox-1.FocusAsync.html#C1_Blazor_Input_C1NumericBox_1_FocusAsync">FocusAsync()</a>
        </td>
        <td class="markdown level1 summary"><p>Sets the focus in the control.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Blazor_Input_C1NumericBox_1_FocusOutAsync" data-uid="C1.Blazor.Input.C1NumericBox`1.FocusOutAsync">
          <a class="xref" href="C1.Blazor.Input.C1NumericBox-1.FocusOutAsync.html#C1_Blazor_Input_C1NumericBox_1_FocusOutAsync">FocusOutAsync()</a>
        </td>
        <td class="markdown level1 summary"><p>Sets the focus in the control.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Blazor_Input_C1NumericBox_1_InitializeAsync" data-uid="C1.Blazor.Input.C1NumericBox`1.InitializeAsync">
          <a class="xref" href="C1.Blazor.Input.C1NumericBox-1.InitializeAsync.html#C1_Blazor_Input_C1NumericBox_1_InitializeAsync">InitializeAsync()</a>
        </td>
        <td class="markdown level1 summary"><p>This method is called when the component is initialized.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Blazor_Input_C1NumericBox_1_OnAfterRender_System_Boolean_" data-uid="C1.Blazor.Input.C1NumericBox`1.OnAfterRender(System.Boolean)">
          <a class="xref" href="C1.Blazor.Input.C1NumericBox-1.OnAfterRender.html#C1_Blazor_Input_C1NumericBox_1_OnAfterRender_System_Boolean_">OnAfterRender(bool)</a>
        </td>
        <td class="markdown level1 summary"></td>
      </tr>
      <tr>
        <td id="C1_Blazor_Input_C1NumericBox_1_OnParametersSetAsync" data-uid="C1.Blazor.Input.C1NumericBox`1.OnParametersSetAsync">
          <a class="xref" href="C1.Blazor.Input.C1NumericBox-1.OnParametersSetAsync.html#C1_Blazor_Input_C1NumericBox_1_OnParametersSetAsync">OnParametersSetAsync()</a>
        </td>
        <td class="markdown level1 summary"></td>
      </tr>
      <tr>
        <td id="C1_Blazor_Input_C1NumericBox_1_Refresh" data-uid="C1.Blazor.Input.C1NumericBox`1.Refresh">
          <a class="xref" href="C1.Blazor.Input.C1NumericBox-1.Refresh.html#C1_Blazor_Input_C1NumericBox_1_Refresh">Refresh()</a>
        </td>
        <td class="markdown level1 summary"><p>Re-render the UI.</p>
</td>
      </tr>
    </tbody>
  </table>

</div>
