Cookbooks / Settings form

Account settings form

Native base-input plus CVA controls (base-combobox, base-tags-input, base-toggle) bound with ngModel. For schema validation on native fields, see the signal forms recipe.

  1. Install the pieces. Run npx base-ui-cli add input combobox tags-input toggle button so the source lands in your repo.
  2. Bind native fields. Wire display name and email with [(ngModel)] on base-input.
  3. Bind CVA controls. Bind timezone, tags, and the product-emails toggle the same way — combobox, tags-input, and toggle implement ControlValueAccessor.
  4. Save the model. Keep the model in the component and save it to your API. There is no runtime Base UI package to depend on.
engineeringadmin

Product emails

Release notes and occasional tips.