# C1.Blazor.Input.C1RangeSlider

## Content

<div class="doc-site-dotnet-api-container">



  <h1 id="C1_Blazor_Input_C1RangeSlider" data-uid="C1.Blazor.Input.C1RangeSlider" class="text-break">C1RangeSlider Class
</h1>
  <div class="markdown level0 summary"><p>Range slider.</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"><a class="xref" href="C1.Blazor.Input.SliderBase.html">SliderBase</a></div>
    <div class="level4"><span class="xref">C1RangeSlider</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="../C1.Blazor.Core/C1.Blazor.Core.IDependencyObject.html">IDependencyObject</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>
  <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_C1RangeSlider_syntax">Syntax</h5>
  <div class="codewrapper">
    <pre><code class="lang-csharp hljs">public class C1RangeSlider : SliderBase, IComponent, IHandleAfterRender, IDependencyObject, IHandleEvent, IDisposable</code></pre>
  </div>
  <div class="codewrapper">
    <pre><code class="lang-vbnet hljs">Public Class C1RangeSlider
    Inherits SliderBase
    Implements IComponent, IHandleAfterRender, IDependencyObject, IHandleEvent, IDisposable</code></pre>
  </div>
  <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_C1RangeSlider__ctor" data-uid="C1.Blazor.Input.C1RangeSlider.#ctor">
          <a class="xref" href="C1.Blazor.Input.C1RangeSlider.-ctor.html#C1_Blazor_Input_C1RangeSlider__ctor">C1RangeSlider()</a>
        </td>
        <td class="markdown level1 summary"><p>Initializes a new instance of the <a class="xref" href="C1.Blazor.Input.C1RangeSlider.html">C1RangeSlider</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_C1RangeSlider_IsEnabledProperty" data-uid="C1.Blazor.Input.C1RangeSlider.IsEnabledProperty">
          <a class="xref" href="C1.Blazor.Input.C1RangeSlider.IsEnabledProperty.html">IsEnabledProperty</a>
        </td>
        <td class="markdown level1 summary"><p>Identifies the <a class="xref" href="C1.Blazor.Input.C1RangeSlider.IsEnabled.html#C1_Blazor_Input_C1RangeSlider_IsEnabled">IsEnabled</a> dependency property.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Blazor_Input_C1RangeSlider_LowerThumbStyleProperty" data-uid="C1.Blazor.Input.C1RangeSlider.LowerThumbStyleProperty">
          <a class="xref" href="C1.Blazor.Input.C1RangeSlider.LowerThumbStyleProperty.html">LowerThumbStyleProperty</a>
        </td>
        <td class="markdown level1 summary"><p>Identifies the <a class="xref" href="C1.Blazor.Input.C1RangeSlider.LowerThumbStyle.html#C1_Blazor_Input_C1RangeSlider_LowerThumbStyle">LowerThumbStyle</a> dependency property.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Blazor_Input_C1RangeSlider_LowerValueProperty" data-uid="C1.Blazor.Input.C1RangeSlider.LowerValueProperty">
          <a class="xref" href="C1.Blazor.Input.C1RangeSlider.LowerValueProperty.html">LowerValueProperty</a>
        </td>
        <td class="markdown level1 summary"><p>Identifies the <a class="xref" href="C1.Blazor.Input.C1RangeSlider.LowerValue.html#C1_Blazor_Input_C1RangeSlider_LowerValue">LowerValue</a> dependency property.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Blazor_Input_C1RangeSlider_MaximumProperty" data-uid="C1.Blazor.Input.C1RangeSlider.MaximumProperty">
          <a class="xref" href="C1.Blazor.Input.C1RangeSlider.MaximumProperty.html">MaximumProperty</a>
        </td>
        <td class="markdown level1 summary"><p>Identifies the <a class="xref" href="C1.Blazor.Input.C1RangeSlider.Maximum.html#C1_Blazor_Input_C1RangeSlider_Maximum">Maximum</a> dependency property.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Blazor_Input_C1RangeSlider_MinimumProperty" data-uid="C1.Blazor.Input.C1RangeSlider.MinimumProperty">
          <a class="xref" href="C1.Blazor.Input.C1RangeSlider.MinimumProperty.html">MinimumProperty</a>
        </td>
        <td class="markdown level1 summary"><p>Identifies the <a class="xref" href="C1.Blazor.Input.C1RangeSlider.Minimum.html#C1_Blazor_Input_C1RangeSlider_Minimum">Minimum</a> dependency property.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Blazor_Input_C1RangeSlider_OrientationProperty" data-uid="C1.Blazor.Input.C1RangeSlider.OrientationProperty">
          <a class="xref" href="C1.Blazor.Input.C1RangeSlider.OrientationProperty.html">OrientationProperty</a>
        </td>
        <td class="markdown level1 summary"><p>Identifies the <a class="xref" href="C1.Blazor.Input.C1RangeSlider.Orientation.html#C1_Blazor_Input_C1RangeSlider_Orientation">Orientation</a> dependency property.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Blazor_Input_C1RangeSlider_RangeTrackStyleProperty" data-uid="C1.Blazor.Input.C1RangeSlider.RangeTrackStyleProperty">
          <a class="xref" href="C1.Blazor.Input.C1RangeSlider.RangeTrackStyleProperty.html">RangeTrackStyleProperty</a>
        </td>
        <td class="markdown level1 summary"><p>Identifies the <a class="xref" href="C1.Blazor.Input.C1RangeSlider.RangeTrackStyle.html#C1_Blazor_Input_C1RangeSlider_RangeTrackStyle">RangeTrackStyle</a> dependency property.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Blazor_Input_C1RangeSlider_ScrollBehaviorProperty" data-uid="C1.Blazor.Input.C1RangeSlider.ScrollBehaviorProperty">
          <a class="xref" href="C1.Blazor.Input.C1RangeSlider.ScrollBehaviorProperty.html">ScrollBehaviorProperty</a>
        </td>
        <td class="markdown level1 summary"><p>Identifies the <a class="xref" href="C1.Blazor.Input.C1RangeSlider.ScrollBehavior.html#C1_Blazor_Input_C1RangeSlider_ScrollBehavior">ScrollBehavior</a> dependency property.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Blazor_Input_C1RangeSlider_TrackStyleProperty" data-uid="C1.Blazor.Input.C1RangeSlider.TrackStyleProperty">
          <a class="xref" href="C1.Blazor.Input.C1RangeSlider.TrackStyleProperty.html">TrackStyleProperty</a>
        </td>
        <td class="markdown level1 summary"><p>Identifies the <a class="xref" href="C1.Blazor.Input.C1RangeSlider.TrackStyle.html#C1_Blazor_Input_C1RangeSlider_TrackStyle">TrackStyle</a> dependency property.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Blazor_Input_C1RangeSlider_UpperThumbStyleProperty" data-uid="C1.Blazor.Input.C1RangeSlider.UpperThumbStyleProperty">
          <a class="xref" href="C1.Blazor.Input.C1RangeSlider.UpperThumbStyleProperty.html">UpperThumbStyleProperty</a>
        </td>
        <td class="markdown level1 summary"><p>Identifies the <a class="xref" href="C1.Blazor.Input.C1RangeSlider.UpperThumbStyle.html#C1_Blazor_Input_C1RangeSlider_UpperThumbStyle">UpperThumbStyle</a> dependency property.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Blazor_Input_C1RangeSlider_UpperValueProperty" data-uid="C1.Blazor.Input.C1RangeSlider.UpperValueProperty">
          <a class="xref" href="C1.Blazor.Input.C1RangeSlider.UpperValueProperty.html">UpperValueProperty</a>
        </td>
        <td class="markdown level1 summary"><p>Identifies the <a class="xref" href="C1.Blazor.Input.C1RangeSlider.UpperValue.html#C1_Blazor_Input_C1RangeSlider_UpperValue">UpperValue</a> dependency property.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Blazor_Input_C1RangeSlider_ValueChangedProperty" data-uid="C1.Blazor.Input.C1RangeSlider.ValueChangedProperty">
          <a class="xref" href="C1.Blazor.Input.C1RangeSlider.ValueChangedProperty.html">ValueChangedProperty</a>
        </td>
        <td class="markdown level1 summary"><p>Identifies the <a class="xref" href="C1.Blazor.Input.C1RangeSlider.ValueChanged.html#C1_Blazor_Input_C1RangeSlider_ValueChanged">ValueChanged</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_C1RangeSlider_IsDisposed" data-uid="C1.Blazor.Input.C1RangeSlider.IsDisposed">
          <a class="xref" href="C1.Blazor.Input.C1RangeSlider.IsDisposed.html#C1_Blazor_Input_C1RangeSlider_IsDisposed">IsDisposed</a>
        </td>
        <td class="markdown level1 summary"><p>Gets whether this instance is disposed.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Blazor_Input_C1RangeSlider_IsEnabled" data-uid="C1.Blazor.Input.C1RangeSlider.IsEnabled">
          <a class="xref" href="C1.Blazor.Input.C1RangeSlider.IsEnabled.html#C1_Blazor_Input_C1RangeSlider_IsEnabled">IsEnabled</a>
        </td>
        <td class="markdown level1 summary"><p>Gets or sets a value indicating whether this element is enabled in the user interface (UI).</p>
</td>
      </tr>
      <tr>
        <td id="C1_Blazor_Input_C1RangeSlider_LowerThumb" data-uid="C1.Blazor.Input.C1RangeSlider.LowerThumb">
          <a class="xref" href="C1.Blazor.Input.C1RangeSlider.LowerThumb.html#C1_Blazor_Input_C1RangeSlider_LowerThumb">LowerThumb</a>
        </td>
        <td class="markdown level1 summary"><p>Lower thumb.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Blazor_Input_C1RangeSlider_LowerThumbNode" data-uid="C1.Blazor.Input.C1RangeSlider.LowerThumbNode">
          <a class="xref" href="C1.Blazor.Input.C1RangeSlider.LowerThumbNode.html#C1_Blazor_Input_C1RangeSlider_LowerThumbNode">LowerThumbNode</a>
        </td>
        <td class="markdown level1 summary"><p>Lower thumb node.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Blazor_Input_C1RangeSlider_LowerThumbStyle" data-uid="C1.Blazor.Input.C1RangeSlider.LowerThumbStyle">
          <a class="xref" href="C1.Blazor.Input.C1RangeSlider.LowerThumbStyle.html#C1_Blazor_Input_C1RangeSlider_LowerThumbStyle">LowerThumbStyle</a>
        </td>
        <td class="markdown level1 summary"><p>Lower thumb style.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Blazor_Input_C1RangeSlider_LowerValue" data-uid="C1.Blazor.Input.C1RangeSlider.LowerValue">
          <a class="xref" href="C1.Blazor.Input.C1RangeSlider.LowerValue.html#C1_Blazor_Input_C1RangeSlider_LowerValue">LowerValue</a>
        </td>
        <td class="markdown level1 summary"><p>Gets or sets the current lower magnitude of the range control.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Blazor_Input_C1RangeSlider_LowerValueChanged" data-uid="C1.Blazor.Input.C1RangeSlider.LowerValueChanged">
          <a class="xref" href="C1.Blazor.Input.C1RangeSlider.LowerValueChanged.html#C1_Blazor_Input_C1RangeSlider_LowerValueChanged">LowerValueChanged</a>
        </td>
        <td class="markdown level1 summary"><p>Gets or sets the callback called when the <a class="xref" href="C1.Blazor.Input.C1RangeSlider.LowerValue.html#C1_Blazor_Input_C1RangeSlider_LowerValue">LowerValue</a> property has changed.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Blazor_Input_C1RangeSlider_Maximum" data-uid="C1.Blazor.Input.C1RangeSlider.Maximum">
          <a class="xref" href="C1.Blazor.Input.C1RangeSlider.Maximum.html#C1_Blazor_Input_C1RangeSlider_Maximum">Maximum</a>
        </td>
        <td class="markdown level1 summary"><p>The greatest value in the range of permitted values. This value must be greater than or equal to the value of the Minimum parameter.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Blazor_Input_C1RangeSlider_Minimum" data-uid="C1.Blazor.Input.C1RangeSlider.Minimum">
          <a class="xref" href="C1.Blazor.Input.C1RangeSlider.Minimum.html#C1_Blazor_Input_C1RangeSlider_Minimum">Minimum</a>
        </td>
        <td class="markdown level1 summary"><p>The lowest value in the range of permitted values. This value must be less than or equal to the value of the Maximum parameter.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Blazor_Input_C1RangeSlider_Orientation" data-uid="C1.Blazor.Input.C1RangeSlider.Orientation">
          <a class="xref" href="C1.Blazor.Input.C1RangeSlider.Orientation.html#C1_Blazor_Input_C1RangeSlider_Orientation">Orientation</a>
        </td>
        <td class="markdown level1 summary"><p>Orientation of the slider.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Blazor_Input_C1RangeSlider_RangeTrackStyle" data-uid="C1.Blazor.Input.C1RangeSlider.RangeTrackStyle">
          <a class="xref" href="C1.Blazor.Input.C1RangeSlider.RangeTrackStyle.html#C1_Blazor_Input_C1RangeSlider_RangeTrackStyle">RangeTrackStyle</a>
        </td>
        <td class="markdown level1 summary"><p>Range track style.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Blazor_Input_C1RangeSlider_ScrollBehavior" data-uid="C1.Blazor.Input.C1RangeSlider.ScrollBehavior">
          <a class="xref" href="C1.Blazor.Input.C1RangeSlider.ScrollBehavior.html#C1_Blazor_Input_C1RangeSlider_ScrollBehavior">ScrollBehavior</a>
        </td>
        <td class="markdown level1 summary"><p>Gets or sets how thumbs will be moved when a pointer click will be performed outside the selected area.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Blazor_Input_C1RangeSlider_TrackStyle" data-uid="C1.Blazor.Input.C1RangeSlider.TrackStyle">
          <a class="xref" href="C1.Blazor.Input.C1RangeSlider.TrackStyle.html#C1_Blazor_Input_C1RangeSlider_TrackStyle">TrackStyle</a>
        </td>
        <td class="markdown level1 summary"><p>Track style.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Blazor_Input_C1RangeSlider_UpperThumb" data-uid="C1.Blazor.Input.C1RangeSlider.UpperThumb">
          <a class="xref" href="C1.Blazor.Input.C1RangeSlider.UpperThumb.html#C1_Blazor_Input_C1RangeSlider_UpperThumb">UpperThumb</a>
        </td>
        <td class="markdown level1 summary"><p>Upper thumb.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Blazor_Input_C1RangeSlider_UpperThumbNode" data-uid="C1.Blazor.Input.C1RangeSlider.UpperThumbNode">
          <a class="xref" href="C1.Blazor.Input.C1RangeSlider.UpperThumbNode.html#C1_Blazor_Input_C1RangeSlider_UpperThumbNode">UpperThumbNode</a>
        </td>
        <td class="markdown level1 summary"><p>Upper thumb node.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Blazor_Input_C1RangeSlider_UpperThumbStyle" data-uid="C1.Blazor.Input.C1RangeSlider.UpperThumbStyle">
          <a class="xref" href="C1.Blazor.Input.C1RangeSlider.UpperThumbStyle.html#C1_Blazor_Input_C1RangeSlider_UpperThumbStyle">UpperThumbStyle</a>
        </td>
        <td class="markdown level1 summary"><p>Upper thumb style.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Blazor_Input_C1RangeSlider_UpperValue" data-uid="C1.Blazor.Input.C1RangeSlider.UpperValue">
          <a class="xref" href="C1.Blazor.Input.C1RangeSlider.UpperValue.html#C1_Blazor_Input_C1RangeSlider_UpperValue">UpperValue</a>
        </td>
        <td class="markdown level1 summary"><p>Gets or sets the current upper magnitude of the range control.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Blazor_Input_C1RangeSlider_UpperValueChanged" data-uid="C1.Blazor.Input.C1RangeSlider.UpperValueChanged">
          <a class="xref" href="C1.Blazor.Input.C1RangeSlider.UpperValueChanged.html#C1_Blazor_Input_C1RangeSlider_UpperValueChanged">UpperValueChanged</a>
        </td>
        <td class="markdown level1 summary"><p>Gets or sets the callback called when the <a class="xref" href="C1.Blazor.Input.C1RangeSlider.UpperValue.html#C1_Blazor_Input_C1RangeSlider_UpperValue">UpperValue</a> property has changed.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Blazor_Input_C1RangeSlider_ValueChanged" data-uid="C1.Blazor.Input.C1RangeSlider.ValueChanged">
          <a class="xref" href="C1.Blazor.Input.C1RangeSlider.ValueChanged.html#C1_Blazor_Input_C1RangeSlider_ValueChanged">ValueChanged</a>
        </td>
        <td class="markdown level1 summary"><p>Fires when any of the properties: LowerValue or UpperValue changes.</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_C1RangeSlider_BuildRenderTree_Microsoft_AspNetCore_Components_Rendering_RenderTreeBuilder_" data-uid="C1.Blazor.Input.C1RangeSlider.BuildRenderTree(Microsoft.AspNetCore.Components.Rendering.RenderTreeBuilder)">
          <a class="xref" href="C1.Blazor.Input.C1RangeSlider.BuildRenderTree.html#C1_Blazor_Input_C1RangeSlider_BuildRenderTree_Microsoft_AspNetCore_Components_Rendering_RenderTreeBuilder_">BuildRenderTree(RenderTreeBuilder)</a>
        </td>
        <td class="markdown level1 summary"></td>
      </tr>
      <tr>
        <td id="C1_Blazor_Input_C1RangeSlider_CreatePositionStrategy" data-uid="C1.Blazor.Input.C1RangeSlider.CreatePositionStrategy">
          <a class="xref" href="C1.Blazor.Input.C1RangeSlider.CreatePositionStrategy.html#C1_Blazor_Input_C1RangeSlider_CreatePositionStrategy">CreatePositionStrategy()</a>
        </td>
        <td class="markdown level1 summary"><p>Thumbs could have a specific position calculation.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Blazor_Input_C1RangeSlider_Dispose_System_Boolean_" data-uid="C1.Blazor.Input.C1RangeSlider.Dispose(System.Boolean)">
          <a class="xref" href="C1.Blazor.Input.C1RangeSlider.Dispose.html#C1_Blazor_Input_C1RangeSlider_Dispose_System_Boolean_">Dispose(bool)</a>
        </td>
        <td class="markdown level1 summary"></td>
      </tr>
      <tr>
        <td id="C1_Blazor_Input_C1RangeSlider_GetIsEnabled" data-uid="C1.Blazor.Input.C1RangeSlider.GetIsEnabled">
          <a class="xref" href="C1.Blazor.Input.C1RangeSlider.GetIsEnabled.html#C1_Blazor_Input_C1RangeSlider_GetIsEnabled">GetIsEnabled()</a>
        </td>
        <td class="markdown level1 summary"><p>Return the slider's IsEnabled.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Blazor_Input_C1RangeSlider_GetMaximum" data-uid="C1.Blazor.Input.C1RangeSlider.GetMaximum">
          <a class="xref" href="C1.Blazor.Input.C1RangeSlider.GetMaximum.html#C1_Blazor_Input_C1RangeSlider_GetMaximum">GetMaximum()</a>
        </td>
        <td class="markdown level1 summary"><p>Return the slider's maximum value.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Blazor_Input_C1RangeSlider_GetMinimum" data-uid="C1.Blazor.Input.C1RangeSlider.GetMinimum">
          <a class="xref" href="C1.Blazor.Input.C1RangeSlider.GetMinimum.html#C1_Blazor_Input_C1RangeSlider_GetMinimum">GetMinimum()</a>
        </td>
        <td class="markdown level1 summary"><p>Return the slider's minimum value.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Blazor_Input_C1RangeSlider_GetOrientation" data-uid="C1.Blazor.Input.C1RangeSlider.GetOrientation">
          <a class="xref" href="C1.Blazor.Input.C1RangeSlider.GetOrientation.html#C1_Blazor_Input_C1RangeSlider_GetOrientation">GetOrientation()</a>
        </td>
        <td class="markdown level1 summary"><p>Return the slider's Orientation.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Blazor_Input_C1RangeSlider_InitializeAsync" data-uid="C1.Blazor.Input.C1RangeSlider.InitializeAsync">
          <a class="xref" href="C1.Blazor.Input.C1RangeSlider.InitializeAsync.html#C1_Blazor_Input_C1RangeSlider_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_C1RangeSlider_OnAfterRender_System_Boolean_" data-uid="C1.Blazor.Input.C1RangeSlider.OnAfterRender(System.Boolean)">
          <a class="xref" href="C1.Blazor.Input.C1RangeSlider.OnAfterRender.html#C1_Blazor_Input_C1RangeSlider_OnAfterRender_System_Boolean_">OnAfterRender(bool)</a>
        </td>
        <td class="markdown level1 summary"></td>
      </tr>
      <tr>
        <td id="C1_Blazor_Input_C1RangeSlider_SetParametersAsync_Microsoft_AspNetCore_Components_ParameterView_" data-uid="C1.Blazor.Input.C1RangeSlider.SetParametersAsync(Microsoft.AspNetCore.Components.ParameterView)">
          <a class="xref" href="C1.Blazor.Input.C1RangeSlider.SetParametersAsync.html#C1_Blazor_Input_C1RangeSlider_SetParametersAsync_Microsoft_AspNetCore_Components_ParameterView_">SetParametersAsync(ParameterView)</a>
        </td>
        <td class="markdown level1 summary"></td>
      </tr>
      <tr>
        <td id="C1_Blazor_Input_C1RangeSlider_ThumbGotFocus_System_Collections_Generic_LinkedListNode_C1_Blazor_Input_SliderBase_ThumbModel__" data-uid="C1.Blazor.Input.C1RangeSlider.ThumbGotFocus(System.Collections.Generic.LinkedListNode{C1.Blazor.Input.SliderBase.ThumbModel})">
          <a class="xref" href="C1.Blazor.Input.C1RangeSlider.ThumbGotFocus.html#C1_Blazor_Input_C1RangeSlider_ThumbGotFocus_System_Collections_Generic_LinkedListNode_C1_Blazor_Input_SliderBase_ThumbModel__">ThumbGotFocus(LinkedListNode&lt;ThumbModel&gt;)</a>
        </td>
        <td class="markdown level1 summary"><p>Calls when a thumb got the focus.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Blazor_Input_C1RangeSlider_ThumbLostFocus" data-uid="C1.Blazor.Input.C1RangeSlider.ThumbLostFocus">
          <a class="xref" href="C1.Blazor.Input.C1RangeSlider.ThumbLostFocus.html#C1_Blazor_Input_C1RangeSlider_ThumbLostFocus">ThumbLostFocus()</a>
        </td>
        <td class="markdown level1 summary"><p>Calls when a thumb lost the focus.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Blazor_Input_C1RangeSlider_TurnOffElementsTransition" data-uid="C1.Blazor.Input.C1RangeSlider.TurnOffElementsTransition">
          <a class="xref" href="C1.Blazor.Input.C1RangeSlider.TurnOffElementsTransition.html#C1_Blazor_Input_C1RangeSlider_TurnOffElementsTransition">TurnOffElementsTransition()</a>
        </td>
        <td class="markdown level1 summary"><p>Turn off elements transition.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Blazor_Input_C1RangeSlider_TurnOnElementsTransition" data-uid="C1.Blazor.Input.C1RangeSlider.TurnOnElementsTransition">
          <a class="xref" href="C1.Blazor.Input.C1RangeSlider.TurnOnElementsTransition.html#C1_Blazor_Input_C1RangeSlider_TurnOnElementsTransition">TurnOnElementsTransition()</a>
        </td>
        <td class="markdown level1 summary"><p>Turn on elements transition.</p>
</td>
      </tr>
    </tbody>
  </table>

</div>
