/
Radio

Radio

Owned by Amish Ladhu
Last updated: May 24, 2019
1 min read

References

 

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">