Signal Forms
Build forms in Angular using Signal Forms.
In this guide, we will take a look at building forms with Signal Forms. We'll cover building forms with the HlmField component, how to handle validation and how to display errors.
Demo
We are going to build the following form. It has a simple text input and a textarea. On submit, we'll validate the form data and display any errors.
Bug Report
Help us improve by reporting bugs you encounter.
Examples
Input
Profile Settings
Update your profile information below.
Textarea
Personalization
Customize your experience by telling us more about yourself.
Select
Language Preferences
Select your preferred spoken language.
Checkbox
Notifications
Manage your notification preferences.
Radio Group
Subscription Plan
See pricing and features for each plan.
Switch
Security Settings
Manage your account security preferences.
Complex Form
You're almost there!
Choose your subscription plan and billing period.
Custom Control
Signal Forms allows you to build custom form controls using the FormValueControl interface.
In this example, we are going to build a custom password input control that toggles visibility and integrates seamlessly with Signal Forms.
Login to your account
Enter your email below to login to your account