A component that lets you select a value range with two draggable handles. Supports two-way binding for StartValue/StartValueChanged and EndValue/EndValueChanged with validation via StartValueExpression/EndValueExpression; keyboard navigation, min/max and step logic (inherited), orientation and RTL support, ARIA labeling, and a unified change event through OnChange that fires on commit (drag end/track click).
Definition
Namespace:Telerik.Blazor.Components
Assembly:Telerik.Blazor.dll
Type Parameters:
TValue
Syntax:
public class TelerikRangeSlider<TValue> : TelerikSliderBase<TValue>, IComponent, IHandleEvent, IHandleAfterRender, IDisposableInheritance: objectComponentBaseBaseComponentTelerikSliderBase<TValue>TelerikRangeSlider<TValue>
Implements:
Inherited Members
Constructors
public TelerikRangeSlider()Methods
protected override void BuildRenderTree(RenderTreeBuilder __builder)Overrides:
protected override void OnInitialized()Overrides:
Properties
[Accessibility] Specifies the aria-label attribute of the component.
[Parameter]
public string AriaLabel { get; set; }Enables WebMCP tool registration for this RangeSlider.
When true, RangeSlider operations are exposed as tools discoverable by AI models through the browser.
Default value is false.
[Parameter]
public bool EnableWebMcpTools { get; set; }EndValue
TValue
Specifies the end value of the range slider. Used with two-way binding.
[Parameter]
public TValue EndValue { get; set; }EndValueChanged
EventCallback<TValue>
Specifies the callback that's called when the end value changes.
[Parameter]
public EventCallback<TValue> EndValueChanged { get; set; }EndValueExpression
Expression<Func<TValue>>
Specifies the expression that identifies the bound end value.
[Parameter]
public Expression<Func<TValue>> EndValueExpression { get; set; }Specifies the callback that's called when the current values are committed (confirmed) by the user - OnDragEnd and OnClick of slider track.
[Parameter]
public virtual EventCallback<RangeSliderChangeEventArgs> OnChange { get; set; }Provides configuration for WebMCP tools, such as a Name to distinguish this RangeSlider from others on the same page.
[Parameter]
public RenderFragment RangeSliderSettings { get; set; }StartValue
TValue
Specifies the start value of the range slider. Used with two-way binding.
[Parameter]
public TValue StartValue { get; set; }StartValueChanged
EventCallback<TValue>
Specifies the callback that's called when the start value changes.
[Parameter]
public EventCallback<TValue> StartValueChanged { get; set; }StartValueExpression
Expression<Func<TValue>>
Specifies the expression that identifies the bound start value.
[Parameter]
public Expression<Func<TValue>> StartValueExpression { get; set; }