ToggleSwitch
An on / off setting that applies at once — a native switch with a label.
Basic
A switch bound with ngModel. Click it, its label, or press Space.
Value: true
Description
description explains the setting under the label.
Label position
labelPosition="start" puts the label before the switch — for settings lists aligned to the right.
Values
trueValue and falseValue write your own values instead of true / false.
Value: draft
Handle icons
onIcon and offIcon show an icon inside the handle.
Handle template
<ng-template txToggleSwitchHandle let-checked> draws anything inside the handle.
Sizes
small, medium and large.
States
disabled, readonly and invalid.
Form
Validators.requiredTrue inside tx-field — the error shows after submit.
Settings
A settings list with (changed) — each switch applies at once and confirms with a toast.
Design tokens
[dt] changes the toggleSwitch tokens of one switch.