Appearance Settings

Updated on Jan 27, 2026

This article outlines the available Pager parameters, which control its appearance.

Size

You can increase or decrease the size of the Pager by setting the Size parameter to a member of the Telerik.Blazor.ThemeConstants.Pager.Size class:

Class members	Manual declarations
Small	sm
Medium default value	md
Large	lg

The built-in sizes

@{
    var fields = typeof(Telerik.Blazor.ThemeConstants.Pager.Size)
        .GetFields(System.Reflection.BindingFlags.Public | System.Reflection.BindingFlags.Static
        | System.Reflection.BindingFlags.FlattenHierarchy)
        .Where(field => field.IsLiteral && !field.IsInitOnly).ToList();

    foreach (var field in fields)
    {
        string size = field.GetValue(null).ToString();

        <div style="float:left; margin: 20px;">
            <TelerikPager Size="@size"
                          PageSize="10"
                          Total="20" 
                          PageSizes="@(new List<int?> {5, 10, null})">
            </TelerikPager>
        </div>
    }
}

See Also

• Live Demo: Pager Appearance