@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

ng-forms-aio-source.mp4

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

---

Made with ❤ by MyLabz Team