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

RadioGroup Templates

This article describes the available templates of the Telerik RadioGroup component for Blazor.

Item Template

The ItemTemplate allow you to customize the rendering and appearance of each radio item. The template is a standard Blazor RenderFragment, so it can contain HTML markup or nested child components.

The template exposes a context variable. Cast it to the RadioGroup model type to access all data item properties.

Using RadioGroup Item Template

<TelerikRadioGroup Data="@RadioOptions"
            var item = context as RadioModel;
        <strong>@item.Text</strong> with <em>@item.Description</em>

@code {
    private List<RadioModel> RadioOptions { get; set; }

    private int RadioValue { get; set; }

    protected override void OnInitialized()
        RadioOptions = new List<RadioModel>();

        for (int i = 1; i <= 3; i++)
            RadioOptions.Add(new RadioModel()
                Id = i,
                Text = $"Radio option {i}",
                Description = $"description {i}"


    public class RadioModel
        public int Id { get; set; }
        public string Text { get; set; }
        public string Description { get; set; }

Next Steps

See Also

In this article