File tree Expand file tree Collapse file tree 3 files changed +9
-8
lines changed Expand file tree Collapse file tree 3 files changed +9
-8
lines changed Original file line number Diff line number Diff line change 1
1
.example-radio-group {
2
- display : inline- flex;
2
+ display : flex;
3
3
flex-direction : column;
4
+ margin : 15px 0 ;
4
5
}
5
6
6
7
.example-radio-button {
7
8
margin : 5px ;
8
9
}
9
-
10
- .example-selected-value {
11
- margin : 15px 0 ;
12
- }
Original file line number Diff line number Diff line change 1
- < mat-radio-group class ="example-radio-group " [(ngModel)] ="favoriteSeason ">
1
+ < label id ="example-radio-group-label "> Pick your favorite season</ label >
2
+ < mat-radio-group
3
+ aria-labelledby ="example-radio-group-label "
4
+ class ="example-radio-group "
5
+ [(ngModel)] ="favoriteSeason ">
2
6
< mat-radio-button class ="example-radio-button " *ngFor ="let season of seasons " [value] ="season ">
3
7
{{season}}
4
8
</ mat-radio-button >
5
9
</ mat-radio-group >
6
- < div class =" example-selected-value " > Your favorite season is: {{favoriteSeason}}</ div >
10
+ < div > Your favorite season is: {{favoriteSeason}}</ div >
Original file line number Diff line number Diff line change 1
- < mat-radio-group >
1
+ < mat-radio-group aria-label =" Select an option " >
2
2
< mat-radio-button value ="1 "> Option 1</ mat-radio-button >
3
3
< mat-radio-button value ="2 "> Option 2</ mat-radio-button >
4
4
</ mat-radio-group >
You can’t perform that action at this time.
0 commit comments