Skip to content

Commit feadaec

Browse files
committed
docs(material/radio): update MDC migration guide
Updates the MDC migration guide to reflect the changes to the radio button.
1 parent 6d46cea commit feadaec

File tree

1 file changed

+14
-1
lines changed

1 file changed

+14
-1
lines changed

guides/v15-mdc-migration.md

Lines changed: 14 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -455,9 +455,22 @@ TODO(mmalerba): link to density docs once they exist.
455455

456456
### Radio
457457

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
459459
selecting a radio when clicking on whitespace that appears inert on the page.
460460

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+
461474
### Select
462475

463476
* `MatSelect` no longer aligns the selected option in the dropdown menu with the trigger text.

0 commit comments

Comments
 (0)