ComponentsForm Controls

Radio

Form Controls components with live demos, API references, and tokens.

Summary

PMatRadioGroup<T> manages one typed selection, Angular Forms integration, inherited defaults, validation, and accessibility. Each PMatRadioButton<T> contributes one option.

The visible control is 24px with a 48px interaction target. The selected check indicator, focus treatment, colors, and motion come from theme tokens.

Common Example

Selected: monthlyNo user change yet.
HTML

Selection Model

  • Bind Angular Forms to the radio group, not to individual buttons.
  • One child is selected at a time and the form value is T | null.
  • Programmatic form writes update selection without emitting user change events.
  • compareWith supports stable object-value selection.
  • Empty selection is opt-in through allowEmptySelection.