Forms

PreviousNext

Build forms with Angular and zard/ui.

Pick Your Approach

Angular ships three ways to build a form. Start by picking the one you want to use, then follow the guide to learn how to build accessible, validated forms with the zard/ui components you already have.

Which one should I use?

All three build on the same zard/ui primitives — field / input / select / checkbox and friends. What changes is where the state and the validation rules live.

ApproachState lives inBest for
Signal FormsA writable signal you ownNew code on Angular 21+, signal-based apps
Reactive FormsFormGroup / FormControlDynamic forms, complex validation, existing codebases
Template-driven Forms A plain object bound with ngModelShort forms with a handful of fields

If you are starting fresh and already on Angular 21, go with Signal Forms. If you need something that has been stable for years, Reactive Forms is the safe choice.

github iconwhatsapp icondiscord iconX icon

Made with in Brazil. Open source and available on GitHub .