Checkbox

Single, template-driven

Boolean toggle via [(ngModel)].

I agree to the terms

Value: false

Single, reactive

Boolean toggle via [formControl].

I agree to the terms

Value: false

Switch variant

Same form contract as 'checkbox'; only the visual differs.

Dark mode

Value: false

Toggle-button variant

Checkbox-style button-toggle (standalone, single boolean).

Bold

Value: false

Group (multi-mode), adjacent, template-driven

string[] form value. The group's [name] wins; per-instance [name] on the children is ignored.

Cheese

Mushroom

Olive

Value: []

Group (multi-mode), adjacent, reactive

Same shape via [formControl] bound on the group element.

Cheese

Mushroom

Olive

Value: []

Group (multi-mode), non-adjacent (table row pattern)

Each <tr> holds one checkbox. The group lives on <tbody> and each child uses [group]="g" for explicit wiring.

	Label
	Row 1
	Row 2
	Row 3

Selected: []