References

• Material Documentation

Example

Usage

Structure

<mat-radio-group>
  <label>Radio Group Label</label>
  <mat-radio-button value="1">Option 1</mat-radio-button>
  <mat-radio-button value="2">Option 2</mat-radio-button>
  <mat-radio-button value="3">Option 3</mat-radio-button>
</mat-radio-group>Usage

Container

• Every radio button group should have a mat-radio-group container, which formats its' content styles and spacing, and facilitates the label for a checkbox group.

Label

• Use <label> for input labels

Input

• Use mat-radio for all instances of <input type="radio">