Overview

tng-radio-button is a single radio option that implements ControlValueAccessor. Use multiple instances with the same formControlName and name; each has a value and optional label. Form value is the selected value (string).

CVA value / name slot-based styling
Reactive Forms

Quick example

Basic
HTMLTSCSS

<form [formGroup]="form">
  <tng-radio-button formControlName="choice" name="choice" value="a" label="Option A" />
  <tng-radio-button formControlName="choice" name="choice" value="b" label="Option B" />
  <tng-radio-button formControlName="choice" name="choice" value="c" label="Option C" />
</form>

Selected:

Features

value (required)

The value submitted when this option is selected. Same name groups radios.

Slot hooks

Slot-based micro styling via slot input with keys: container, input, label.