Get License

Cookbooks / Signal forms

Angular signal forms

form() derives the field tree from a model signal. Bind native inputs with [formField] and [base-input]. Composite CVA controls (combobox, tags, toggle) still use ngModel until they implement FormValueControl.

  1. Install inputs. Run npx base-ui-cli add input.
  2. Create the form. Build form() from a model signal and attach schema validators (required, email, maxLength).
  3. Bind fields. Put [formField] and base-input / base-textarea on native controls.
  4. Submit. Call submit() and read the model signal. Composite CVA controls still use ngModel until they implement FormValueControl.