Checkbox
A native checkbox with a label — on its own, as a value in an array, or in a group with "select all".
Basic
A binary checkbox bound with ngModel. Click the box or the label, or press Space.
Value: true
Description
description adds a muted line under the label, read by screen readers as the description.
Array
With value, each checkbox adds or removes its value in the array of the form control.
Value: [ "Mon", "Wed" ]
Group
tx-checkbox-group holds the array, adds "select all" (mixed when some are checked) and lays the items out vertically or horizontally.
[ "view" ] · [ "email", "push" ]
Indeterminate
[(indeterminate)] shows a mixed state — the box reads as aria-checked="mixed" and clears on the next click.
True false values
trueValue and falseValue write your own values instead of true / false.
Value: private
Tiles
tile turns a checkbox into an option card — the whole card toggles.
Sizes
small, medium and large.
Variants
filled gives the empty box the filled field background.
States
disabled, readonly (shows the value, ignores clicks) and invalid.
Icon
icon changes the check mark; <ng-template txCheckboxIcon> draws your own indicator.
Form
Validators.requiredTrue with tx-field: the error shows after submit and the box turns red.
Design tokens
[dt] changes the checkbox tokens of one checkbox.