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

RadioGroup Label Position

The Blazor Radio Button Group component lets you render the labels of the radio buttons before or after the buttons themselves.

By default, the labels are after the buttons, and you can change that through the LabelPosition parameter that takes a member of the Telerik.Blazor.RadioGroupLabelPosition enum.

Labels before and after the radio buttons

@* If you want the labels before the buttons, you can set the value directly to the parameter *@

<select @bind="@thePosition">
   <option value="@RadioGroupLabelPosition.Before">Before</option>
   <option value="@RadioGroupLabelPosition.After">After</option>
</select>
<br />
<TelerikRadioGroup Data="@Data" @bind-Value="@SelectedValue" LabelPosition="@thePosition"></TelerikRadioGroup>
@code{
    RadioGroupLabelPosition thePosition { get; set; } = RadioGroupLabelPosition.Before;

    int SelectedValue { get; set; } = 2;
    IEnumerable<int> Data { get; set; } = Enumerable.Range(1, 5);
}

Label Position in the ButtonGroup component

See Also

In this article