Range Slider

Default Range 
<input type="range" class="form-range" id="customRange1">
Disabled Range 
<input type="range" class="form-range" id="disabledRange" disabled>
Range With Min and Max Values 
<input type="range" class="form-range" min="0" max="5" id="customRange2">
Range With Steps 
<input type="range" class="form-range" min="0" max="5" step="0.5" id="customRange3">
noUiSlider:
Default-Styling js and blazor
Fit Handles js and blazor
Rounded Styling js and blazor
Square Styling Blazor
Color Picker Slider
Locking Sliders
Merging tooltips slider
Non Linear Slider
Blazor Sliding Handles Tooltips
Colored Connect Elements
Slider Toggle
Toggle Movement By Clicking Pips
Soft Limits
Blazor Nouislider Disabled