@ngx-formly/core
v10.0.1
Published
Formly is a dynamic (JSON powered) form library for Angular that bring unmatched maintainability to your application's forms.
Readme
Formly is a dynamic (JSON powered) form library for Angular that brings unmatched maintainability to your application's forms.
Features
- 🔥 Automatic forms generation
- 📝 Easy to extend with custom field types, validation, wrappers and extensions.
- ⚡️ Supports multiple schemas:
- Formly Schema (core)
- JSON Schema
- JSON Schema string defaults are configurable. See schema defaults.
- 😍 A bunch of themes, out of the box!
- 💪 Built on top of Angular Reactive Forms
- Nullable JSON Schema numbers preserve
nullwhen cleared. See JSON Schema. - Forms emit their initial validation status after building, including valid forms. See form notifications.
- Subscribe to controls after fields load with the
fieldChangeoutput. See form build notifications. - 📹 @eggheadio course - 20 lessons & 78 minutes
Docs
Try the live configuration-to-form example on formly.dev, then explore the guides and UI demos. Use the search button or Cmd/Ctrl+K to search guide and migration text, plus UI and example page names.
Resources
- How to auto-generate advanced forms using Formly
- Build Fast, JSON-Powered Forms on Angular With Ngx Formly
- How to Build Fast, Advanced JSON-Powered Forms on Angular With ngx-formly
Supported UI libs
| UI | | | | ------------------------------------------------- | ------------------------------------------------------------ | ----------------------------------------------------------------- | | Bootstrap | Demo | StackBlitz | | Material2 | Demo | StackBlitz | | Ionic | Demo | StackBlitz | | PrimeNG | Demo | StackBlitz | | Kendo | Demo | StackBlitz | | NG-ZORRO | Demo | StackBlitz | | NativeScript | ||
Which Version to use?
| Angular version | Formly version | Migration |
| --------------- | -------------------- | ---------------------------------- |
| Angular >= 21 | @ngx-formly/[email protected] | Upgrade to v10 |
| Angular >= 20 | @ngx-formly/[email protected] | Upgrade to v9 |
| Angular >= 19 | @ngx-formly/[email protected] | Upgrade to v8 |
| Angular >= 18 | @ngx-formly/[email protected] | Upgrade to v7 |
| Angular >= 13 | @ngx-formly/[email protected] | Upgrade to v6 |
| Angular >= 7 | @ngx-formly/[email protected] | Upgrade to v5 |
| Angular >= 6 | @ngx-formly/[email protected] | |
| Angular >= 5 | @ngx-formly/[email protected] | |
| Angular >= 4 | @ngx-formly/[email protected] | Upgrade to v2 |
| Angular >= 2 | [email protected] | |
Upgrading to v10
Formly v10 requires Angular 21 or newer. Upgrade Angular first, then update all
@ngx-formly/* packages used by your application together to v10.
The Material, PrimeNG, and NG-ZORRO integrations require version 21 or newer of
their respective UI libraries. Kendo requires version 21.4.1 or newer, and NativeScript
requires @nativescript/angular 21 or newer. Applications staying on Angular 20 should use Formly v9.
See the v10 upgrade guide for migration steps.
Upgrading to v9
Formly v9 requires Angular 20 or newer. Upgrade Angular first, then update all
@ngx-formly/* packages used by your application together to v9.
The Material, PrimeNG, and NG-ZORRO integrations require version 20 or newer of
their respective UI libraries. Kendo requires version 19.1 or newer, and NativeScript
requires @nativescript/angular 20 or newer. Applications staying on Angular 19 should
use Formly v8; applications staying on Angular 18 should use Formly v7.
PrimeNG datepicker fields no longer accept monthNavigator, yearNavigator, or
yearRange, which PrimeNG 20 removed. Replace @primeng/themes imports with
@primeuix/themes when configuring a PrimeNG theme.
See the v9 upgrade guide for migration steps and the changelog for the full list of changes.
Core Team
Contributors
Thanks goes to these wonderful people:
