File tree Expand file tree Collapse file tree 1 file changed +14
-1
lines changed Expand file tree Collapse file tree 1 file changed +14
-1
lines changed Original file line number Diff line number Diff line change @@ -455,9 +455,22 @@ TODO(mmalerba): link to density docs once they exist.
455
455
456
456
### Radio
457
457
458
- * Radio- button labels are no longer `width: 100%`. This helps prevent users from accidentally
458
+ * Radio button labels are no longer `width: 100%`. This helps prevent users from accidentally
459
459
selecting a radio when clicking on whitespace that appears inert on the page.
460
460
461
+ * Labels are smaller and further away from the radio button to align with the Material Design spec.
462
+
463
+ * Accessibility: The touch target is much larger than the radio button; to match the legacy size,
464
+ you can provide a `-5` density to the radio button's theme mixin:
465
+
466
+ ```scss
467
+ @use '@angular/material' as mat;
468
+
469
+ @include mat.radio-theme(
470
+ map-merge($theme, (density: -5))
471
+ );
472
+ ```
473
+
461
474
### Select
462
475
463
476
* ` MatSelect ` no longer aligns the selected option in the dropdown menu with the trigger text.
You can’t perform that action at this time.
0 commit comments