angular-logoEasyForm
/
Getting Started
Introduction Configuration Custom Component Easy Form Component Form Field Directive
Basic Controls
Advanced Controls
Validations
API Reference
Getting Started Introduction

Introduction

This angular library is designed to make form creation and validation easier. It is built on top of Angular Reactive Forms and provides a simple and easy to use API for creating forms and form fields.

You can add your custom form field components and use them in your forms. See configuration

Quick Start

Install the package using npm:

npm i @yyasinaslan/easyform

Usage

Add Customer

Name is required
Phone is required
TypeScript
HTML 
import {Component} from '@angular/core';
import {FormGroup} from "@angular/forms";
import {EasyForm, EasyFormComponent, FormFieldDirective} from "@yyasinaslan/easyform";

@Component({
  selector: 'app-introduction-demo',
  standalone: true,
  imports: [
    EasyFormComponent,
    FormFieldDirective
  ],
  templateUrl: './introduction-demo.component.html',
  styleUrl: './introduction-demo.component.scss'
})
export class IntroductionDemoComponent {
  form = EasyForm.create({
    name: EasyForm.text('Name').required('Name is required'),
    phone: EasyForm.text('Phone',{props:{type:'number'}}).required('Phone is required'),
  })

  handleSubmit(event: FormGroup) {
    if (this.form.invalid) {
      console.log('Form is invalid')
    } else {
      console.log('Form is valid')
    }
  }
}
Next
Configuration