@mylabz/ng-forms-aio

A library of Angular UI components, made to make managing forms easier.
All components are open source and free to use under MIT license.

DEMO: https://ng-forms-aio.mylabz.xyz/

GLOBAL DOC: https://ng-forms-aio.mylabz.xyz/#/doc/forms-aio

COMPONENT DOC: https://ng-forms-aio.mylabz.xyz/#/components/forms-aio

NPM: https://www.npmjs.com/package/@mylabz/ng-forms-aio

Dependencies

Latest version available for each suported version of Angular

| @mylabz/ng-forms-aio | Angular |
| -------------------- | --------- |
| 13.x | 13.x |
| 14.x | 14.x |

Features

- Use simple JSON as input.
- 15 Themes ready to use.
- Easy provided custom feedbacks.
- Use Bootstrap Grid System. to combine fields
- 3 Events to listen (onChange onCreate onSubmit).
- Angular FormControl for custom validations.
- Easy listening old and new values.
- Typed for vscode Autocompletion.
- Debug mode provided.
- No collision in case of many forms.
- No other dependency.

Environment Support

- Modern browsers, Browser support
- Server-side Rendering
- Electron

Installation

$3

``bash
$ npm install @mylabz/ng-forms-aio
`

$3

`bash
$ yarn add @mylabz/ng-forms-aio
`

$3

We recommend using @angular/cli to install，it not only makes development easier，but also allow you to take advantage of the rich ecosystem of angular packages and tooling.

`bash
$ ng new PROJECT_NAME
$ cd PROJECT_NAME
$ ng add @mylabz/ng-forms-aio
`

> More information about @angular/cli here.

Schematics

Setup project with ng-add

Will install @mylabz/ng-forms-aio to your project, and suggest a template who will edit the app.module.ts to add the NgFormsAioModule, create a template into app.component.html, add somes style to app.component.scss and add logic to app.component.ts.

Use skip if you don't want a template generation.

`bash
$ ng add @mylabz/ng-forms-aio
`

Only Generate demo template

Into an existing project, simple run

`bash
$ ng g @mylabz/ng-forms-aio:demo
``

Companies using ng-forms-aio

Project using ng-forms-aio

Browsers support

|
IE / Edge |
Firefox |
Chrome |
Safari |
iOS Safari |
Samsung |
Opera |
| --------- | --------- | --------- | --------- | --------- | --------- | --------- |
| IE11, Edge| last 2 versions| last 2 versions| last 2 versions| last 2 versions| last 2 versions| last 2 versions

-----

Made with ❤ by MyLabz Team