Select theme:

NEWBlazor Charts Deep Dive: Candlestick, Box Plot, Waterfall, and 30+ More Free Chart Types

RadioButtonList (Angular)Link to this section

This guide demonstrates how to use the RadioButtonList component.

RadioButtonList PropertiesLink to this section

NameTypeDefaultDescription
Namestring'radiobuttonlist' + index suffixUnique name of the RadioButtonList.
OptionsarraynullRadioButtonList options.
ValuestringnullRadioButtonList value.
Orientationstring'horizontal''horizontal' or 'vertical'.
Disabledboolean/expressionfalseIs RadioButtonList disabled.
Visibleboolean/expressiontrueIs RadioButtonList visible.

image

RadioButtonList EventsLink to this section

NameTypeDefaultDescription
ChangeeventnullChange event of the RadioButtonList. Selected value as event argument.

image

For more info about event actions please visit event actions in our documentation.

Angular declarationLink to this section

<rz-radiobuttonlist #radiobuttonlist0 [(ngModel)]="selectedOptions" name="radiobuttonlist0" (change)="radiobuttonlist0Change($event)">
  <rz-radiobuttonlist-option text="Option 1" value="1">
  </rz-radiobuttonlist-option>
  <rz-radiobuttonlist-option text="Option 2" value="2">
  </rz-radiobuttonlist-option>
  <rz-radiobuttonlist-option text="Option 3" value="3">
  </rz-radiobuttonlist-option>
</rz-radiobuttonlist>

Get started today

Radzen is free to use. You can also test the premium features for 15 days.

Start Free
© 2016-2026 Radzen Ltd. All Rights Reserved.
Designed and developed with ❤️ in Radzen Blazor Studio.
IP Geolocation by DB-IP

Select theme: