jqwidgets-scripts-custom/demos/Angular/radiobutton/defaultfunctionality/src/app/app.component.html

jQWidgets is an advanced jQuery, Angular 7, Vue, React, ASP .NET MVC, Custom Elements and HTML5 UI framework.

<h3>
  House Contract
</h3>

<jqxRadioButton [theme]="'material'" (onChange)="firstBtnOnChange($event)"
    [width]="250" [height]="25" [checked]="true">
    <span>12 Months Contract</span>
</jqxRadioButton>

<jqxRadioButton [theme]="'material'" (onChange)="secondBtnOnChange($event)"
    [width]="250" [height]="25">
    <span>6 Months Contract</span>
</jqxRadioButton>

<jqxRadioButton [theme]="'material'" (onChange)="thirdBtnOnChange($event)"
    [width]="250" [height]="25">
    <span>3 Months Contract</span>
</jqxRadioButton>

<jqxRadioButton [theme]="'material'" 
    [width]="250" [height]="25" [disabled]="true">
    <span>1 Month Contract</span>
</jqxRadioButton>

<div style="margin-top: 10px">
    <div>Events:</div>
    <div #events></div>
</div>