Events

Updated on Aug 24, 2026

This article showcases the available events in the Telerik RangeSlider component:

• StartValueChanged and EndValueChanged
• OnChange

StartValueChanged and EndValueChanged

StartValueChanged fires when the user moves the lower range of the slider, and EndValueChanged fires when the user changes the higher range of the slider.

The ValueChanged events fire every time the corresponding Value parameter changes. This happens while the user is dragging the handle or when they click on the track.

As of version 2.28.0 of Telerik UI for Blazor, the ValueChanged events fire continuously while the user is dragging the handle to ensure updating the value accordingly and deliver live UX. Thus, the component will re-render multiple times during the dragging process. If you want to avoid that, you can handle the OnChange event instead.

Handle the StartValueChanged and EndValueChanged to filter products

Loading ...

The event is an EventCallback. It can be synchronous and return void, or asynchronous and return async Task. Do not use async void.

The lambda expression in the handler is required by the framework: https://github.com/aspnet/AspNetCore/issues/12226.

OnChange

The OnChange event represents a user action - confirmation of the current value. It fires when the user stops dragging the handle or when they click on the track.

The handler receives an object of type RangeSliderChangeEventArgs which exposes the following fields:

• StartValue - the new lower value of the slider that marks the range start.
• EndValue - the new higher value of the slider that marks the range end.

If you use two-way binding, this will effectively fire the StartValueChanged and EndValueChanged events while the user is dragging the handle. This will result in continuous component re-rendering. If you want to avoid that, use one-way binding and update the value for the view-model in the OnChange event handler.

The OnChange event is a custom event and does not interfere with bindings, so you can use it together with models and forms.

Handle the OnChange event to filter products

Loading ...

The event is an EventCallback. It can be synchronous and return void, or asynchronous and return async Task. Do not use async void.

See Also

• RangeSlider Overview