Material Design Slider for Blazor. Sliders let users select from a range of values by moving the slider thumb.

Name Type Description
TValue Generic argument sbyte, byte, short, ushort, int, uint, long, ulong, char, float, double, decimal, decimal?
Attributes Dictionary<String,Object> Gets or sets a collection of additional attributes that will be applied to the created element.
Class String Specifies one or more classnames for an DOM element.
Disabled Boolean
Discrete Boolean
EnableStep Boolean
Id String
Immediate Boolean When set to true, any change to the slider immediately changes the value.
Label String
Markers Boolean
Pin Boolean
RefBack ForwardRef
Step TValue
Style String Specifies an inline style for an DOM element.
ValidationDisabled Boolean
Value TValue Gets or sets the value of the input. This should be used with two-way binding.
ValueChanged EventCallback<TValue> Gets or sets a callback that updates the bound value.
ValueExpression Expression<Func<TValue>> Gets or sets an expression that identifies the bound value.
ValueMax TValue
ValueMin TValue
Ref ElementReference Returned ElementRef reference for DOM element.
Continuous Slider: 0
Initializing the slider with custom ranges/values: 0
Discrete Slider with Pin: 0

Pin will round to nearest 3 digit. Pin only works with Discrete.

Using a step value and Pin

Markers only work with Discrete

Immediate changes: 0

Changes to the slider will immediately reflect in changes to the value.

Disabled sliders
ValueChanged event
If you like MatBlazor, please put a star on GitHub.