SegmentedControl Events

Updated on Apr 22, 2026

This article describes the ValueChanged event of the Telerik SegmentedControl for Blazor.

ValueChanged

The ValueChanged event fires when the user clicks an item and the selection changes. The event handler receives the new value as its argument. The application must update the Value parameter in the handler.

Use ValueChanged together with Value for one-way binding, or use @bind-Value for two-way binding.

Handle the SegmentedControl ValueChanged event

<TelerikSegmentedControl Data="@Items"
                         Value="@SelectedValue"
                         ValueChanged="@( (string newValue) => OnValueChanged(newValue) )">
</TelerikSegmentedControl>

<p>Selected value: @SelectedValue</p>

@code {
    private string SelectedValue { get; set; } = "filter";

    private void OnValueChanged(string newValue)
    {
        // update the value
        SelectedValue = newValue;

        Console.WriteLine($"Selected: {newValue}");
    }

    private List<SegmentItem> Items { get; set; } = new List<SegmentItem>()
    {
        new SegmentItem() { Text = "Search", Value = "search" },
        new SegmentItem() { Text = "Filter", Value = "filter" },
        new SegmentItem() { Text = "Sort", Value = "sort" },
    };

    public class SegmentItem
    {
        public string Text { get; set; } = string.Empty;
        public string Value { get; set; } = string.Empty;
    }
}

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

• SegmentedControl Overview
• SegmentedControl API Reference