@lewn/ng-dynamic-form-builder v0.0.8

Angular Form Dynamic Builder

This project was generated with Angular CLI version 19.0.3.

This library is designed to simplify form creation in Angular applications. It includes components that allow users to create and customize dynamic forms.

StackBlitz Demo

Bug report discord: letmegolol

Installation

$ npm i @lewn/ng-dynamic-form-builder

Usage

Import the library

import { DynamicFormComponent } from '@lewn/ng-dynamic-form-builder';

Standole or NgModule

imports: [DynamicFormBuilderComponent]

Define the Dynamic form

Create your custom form model using the DynamicFormComponent. This model defines the structure and behavior of your dynamic form:

import { DynamicFormComponent } from '@lewn/ng-dynamic-form-builder';

model!: any;

dynamicForm: DynamicFormComponent[] = [
  {
    value: 'FirstName',
    label: 'First Name',
    components: 'input',
    size: 50,
  }
];

Template Integration(.html)

In your HTML template, use the component and bind the model and customForm input to create the dynamic form:

<dynamic-form-builder [(model)]="model" [(customForm)]="dynamicForm"></dynamic-form-builder>