ComponentsForm Controls

Checkbox

Form Controls components with live demos, API references, and tokens.

Summary

PMatCheckbox is a native, form-compatible three-state checkbox. PMatCheckboxGroup<T> adds typed multi-selection, aggregate state, validation, optional limit enforcement, and Angular Forms integration.

The visible control is 24px with a 48px interaction target. Theme tokens supply every color, focus, typography, and motion value.

Common Examples

HTML

Interaction Model

  • Use a standalone checkbox for one boolean form value.
  • Use a checkbox group when the form value is a typed array.
  • Indeterminate is visual state, exposed to assistive technology as mixed.
  • Group min/max rules validate by default; enable enforcement to reject invalid interactions.
  • Bulk helpers preserve individually disabled selections.