@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

npm

$ npm install @mylabz/ng-forms-aio

yarn

$ yarn add @mylabz/ng-forms-aio

@angular/cli

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.

$ 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.

$ ng add @mylabz/ng-forms-aio

Only Generate demo template

Into an existing project, simple run

$ 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