angular material design (radio-button/button) issue

below is my div

<div class="formField">
<mat-radio-group aria-label="Select a state" formControlName="selectedActivity">
<mat-radio-button style=" display: inline-flex !important;
align-items: center;
justify-content: center;
margin: 5px;

border: 1px solid #bdbdbd !important;

background-color: #fff !important;

box-sizing: border-box !important;
position: relative;

cursor: pointer;
transition: border-color 0.3s, background-color 0.3s;
" [value]="selectItem" *ngFor="let selectItem of selectArray"
(click)="checkRadioButton($event)">
<span [appTranslate]="selectItem.select"></span>
</mat-radio-button>
</mat-radio-group>
</div>




need this

I tried with button but didn't work, mat-button also didn't work I'm using angular 16

Continue reading...