Class
TelerikRangeSlider<TValue>

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:

cs-api-definition
public class TelerikRangeSlider<TValue> : TelerikSliderBase<TValue>, IComponent, IHandleEvent, IHandleAfterRender, IDisposable

Inheritance: objectComponentBaseBaseComponentTelerikSliderBase<TValue>TelerikRangeSlider<TValue>

Implements: IComponentIDisposableIHandleAfterRenderIHandleEvent

Inherited Members TelerikSliderBase<TValue>.OnParametersSetAsync()TelerikSliderBase<TValue>.OnAfterRenderAsync(bool)TelerikSliderBase<TValue>.Dispose()TelerikSliderBase<TValue>.CascadedEditContextTelerikSliderBase<TValue>.EnabledTelerikSliderBase<TValue>.SmallStepTelerikSliderBase<TValue>.LargeStepTelerikSliderBase<TValue>.MinTelerikSliderBase<TValue>.MaxTelerikSliderBase<TValue>.TickPositionTelerikSliderBase<TValue>.OrientationTelerikSliderBase<TValue>.WidthTelerikSliderBase<TValue>.LabelTemplateTelerikSliderBase<TValue>.DecimalsTelerikSliderBase<TValue>.AriaLabelledByTelerikSliderBase<TValue>.AriaDescribedByTelerikSliderBase<TValue>.TabIndexBaseComponent.ShouldRender()BaseComponent.OnInitializedAsync()BaseComponent.InitLocalizer()BaseComponent.ThrowIfParameterIsNull(object, string)BaseComponent.HaveOptionsChanged(IDictionary<string, object>, IDictionary<string, object>)BaseComponent.GetClassString(params string[])BaseComponent.InvokeAsync<T>(string, params object[])BaseComponent.InvokeAsync<T>(string, CancellationToken, params object[])BaseComponent.InvokeVoidAsync(string, params object[])BaseComponent.InvokeVoidAsyncWithoutAwait(string, params object[])BaseComponent.InvokeComponentMethodAsync<T>(string, params object[])BaseComponent.InvokeComponentMethodAsync<T>(string, CancellationToken, params object[])BaseComponent.InvokeVoidComponentMethodAsync(string, params object[])BaseComponent.InvokeComponentVoidMethodAsync(string, object)BaseComponent.InvokeDisposeAsync()BaseComponent.StateHasChanged()BaseComponent.RootComponentBaseComponent.ClassComponentBase.OnParametersSet()ComponentBase.OnAfterRender(bool)ComponentBase.InvokeAsync(Action)ComponentBase.InvokeAsync(Func<Task>)ComponentBase.DispatchExceptionAsync(Exception)ComponentBase.SetParametersAsync(ParameterView)

Constructors

TelerikRangeSlider()

Declaration

cs-api-definition
public TelerikRangeSlider()

Properties

AriaLabel

[Accessibility] Specifies the aria-label attribute of the component.

Declaration

cs-api-definition
[Parameter]
public string AriaLabel { get; set; }

Property Value

string

EnableWebMcpTools

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.

Declaration

cs-api-definition
[Parameter]
public bool EnableWebMcpTools { get; set; }

Property Value

bool

EndValue

Specifies the end value of the range slider. Used with two-way binding.

Declaration

cs-api-definition
[Parameter]
public TValue EndValue { get; set; }

Property Value

TValue

EndValueChanged

Specifies the callback that's called when the end value changes.

Declaration

cs-api-definition
[Parameter]
public EventCallback<TValue> EndValueChanged { get; set; }

Property Value

EventCallback<TValue>

EndValueExpression

Specifies the expression that identifies the bound end value.

Declaration

cs-api-definition
[Parameter]
public Expression<Func<TValue>> EndValueExpression { get; set; }

Property Value

Expression<Func<TValue>>

OnChange

Specifies the callback that's called when the current values are committed (confirmed) by the user - OnDragEnd and OnClick of slider track.

Declaration

cs-api-definition
[Parameter]
public virtual EventCallback<RangeSliderChangeEventArgs> OnChange { get; set; }

Property Value

EventCallback<RangeSliderChangeEventArgs>

RangeSliderSettings

Provides configuration for WebMCP tools, such as a Name to distinguish this RangeSlider from others on the same page.

Declaration

cs-api-definition
[Parameter]
public RenderFragment RangeSliderSettings { get; set; }

Property Value

RenderFragment

StartValue

Specifies the start value of the range slider. Used with two-way binding.

Declaration

cs-api-definition
[Parameter]
public TValue StartValue { get; set; }

Property Value

TValue

StartValueChanged

Specifies the callback that's called when the start value changes.

Declaration

cs-api-definition
[Parameter]
public EventCallback<TValue> StartValueChanged { get; set; }

Property Value

EventCallback<TValue>

StartValueExpression

Specifies the expression that identifies the bound start value.

Declaration

cs-api-definition
[Parameter]
public Expression<Func<TValue>> StartValueExpression { get; set; }

Property Value

Expression<Func<TValue>>

Methods

BuildRenderTree(RenderTreeBuilder)

Declaration

cs-api-definition
protected override void BuildRenderTree(RenderTreeBuilder __builder)

Parameters

__builder

RenderTreeBuilder

Overrides ComponentBase.BuildRenderTree(RenderTreeBuilder)

OnInitialized()

Declaration

cs-api-definition
protected override void OnInitialized()

Overrides TelerikSliderBase<TValue>.OnInitialized()