Range Slider
Basic Range
<MudSlider Value="@value"></MudSlider>
@code {
double value = 50.0;
}
Disabled Range
<MudSlider Disabled="true" Value="@(20)"></MudSlider>
@code {
double value = 50.0;
}
Range With Min and Max Values
<MudSlider @bind-Value="value1" class="min-max-value-slider" Min="20" Max="80" Color="Color.Primary">Value: @value1.ToString()</MudSlider>
@code {
public double value1 = 50;
}
Range With Steps
<MudSlider Step="10" Value="70" Color="Color.Primary" />
noUiSlider
Default-Styling js and blazor
Fit Handles 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