Components

Radio Button

Angular Material Radio Button lets users select a single option from a set of mutually exclusive choices, commonly used in forms and settings.

Official docs API reference

Example

Below is an example of how BuilderKit restyles the Angular Material Radio Button and gives it a more modern appearance.

Option 1

Option 2

Option 3

Disabled

Disabled interactive

<mat-radio-group>
  <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>