Checkbox

The square row/select-all control used in the Orders table. Ink-filled when checked, with an indeterminate dash state for "some rows selected."

Selector: tip-checkbox

API

Name	Type	Default	Description
`checked` (input)	`boolean`	`false`	Checked state.
`indeterminate` (input)	`boolean`	`false`	Renders a dash instead of a check; takes precedence over `checked` visually and reports `aria-checked="mixed"`.
`disabled` (input)	`boolean`	`false`	Disables click/keyboard toggling.
`loading` (input)	`boolean`	`false`	Renders a `tip-skeleton` square in place of the control.
`size` (input)	`number`	`18`	Box size in px (also scales the check glyph / dash).
`checkedChange` (output)	`boolean`	—	Emitted with the next checked value on click or Space/Enter.

Usage

<th><tip-checkbox [indeterminate]="true" /></th>
<td><tip-checkbox [checked]="isSelected(row.id)" (checkedChange)="toggleSelected(row.id, $event)" /></td>

Notes

Not a native <input type="checkbox"> — it's a role="checkbox" <span> with manual keyboard handling (Space and Enter both toggle). Screen readers get aria-checked (true/false/"mixed") and tabindex="0" (removed when disabled).
indeterminate and checked are independent inputs — the component doesn't derive one from the other; callers managing header "select all" state must compute and pass indeterminate themselves.