ng-perfect dialog (ZERO DEPENDENCIES) 24 kB

All types of dialogs in one package for Angular

• Simple Alert Dialog

Please support this project by simply putting a Github star. Share this library with friends on Twitter and everywhere else you can.

Table of Contents

• Getting started
• Installation
• Implementation
• Creator
• License

Getting Started

Installation

npm i ng-perfect-dialog

Implementation

Import NgxDialogsModule in your application module. For example: app.module.ts

import { PerfectDialogModule } from "ng-perfect-dialog";

@NgModule({
  imports: [
    PerfectDialogModule,
    // ...
  ],
})
export class AppModule {}

import { PerfectDialogService } from "ng-perfect-dialog";

export class HomeComponent {
  constructor(private perfectDialogService: PerfectDialogService) {}

  open() {
    this.perfectDialogService.open({
      component: InfoComponent,
      modalConfigurations: {
        disableClose: false,
        width: "48rem",
      },
      data: {
        name: "OLawale",
      },
    });
  }

  cancel() {
    this.perfectDialogService.$close.next(true);
  }
}

export class CustomActionModalComponent implements OnInit {
  name: string = "";
}

• // .component.html

<perfect-dialog></perfect-dialog>

Creator

• Olawale Afuye

License