New to Telerik UI for Blazor? Start a free 30-day trial

Label Template

Updated on Sep 10, 2026

You can customize what the range slider labels render through the LabelTemplate.

The labels are shown on each major tick (LargeStep) and by default they render its value. The template receives that value as its context.

This article provides the following examples:

Basic Template

This example shows how to use the current label value and to add styling and a currency symbol.

Example
View Source
Loading ...

Labels for Min and Max Only

This example shows how you can render text only for the min and max values of the slider.

Example
View Source
Loading ...

Show and Select Items

While the slider is a numeric input, you can use its values to match against indexes of a collection - with this you can extract a full model and also display complex content for the items. You can set the SmallStep and LargeStep to 1 so there are only major ticks that act as items for the user and so that they are integer indexes.

Example
View Source
Loading ...

See Also