angular-awesome-forms

What problem does it solve?

This Skill simplifies integrating Web Awesome form controls into Angular applications by providing clear guidance, examples, and patterns for using wa- components with template-driven and reactive Angular Forms, removing ambiguity around bindings and validation.

Core Features & Use Cases

• Form Control Compatibility: Covers wa-input, wa-select, wa-checkbox, wa-switch, wa-slider, wa-textarea, wa-combobox, wa-color-picker, wa-number-input, wa-radio, and wa-file-input with their value types and selectors.
• Reactive & Template-Driven Support: Shows how to use [(ngModel)], FormControl, and FormGroup, including validation, disabled state management, multi-select values, and handling wa-input and wa-change events.
• Use Case: Build profile, settings, and data-entry forms that leverage Web Awesome UI while preserving Angular's form behaviors and type safety.

Quick Start

Use angular-awesome-forms to wire wa-input and wa-select to a FormGroup and submit the form using Angular's reactive form APIs.