Bootstrap 4 Compatible Modal For Angular

Author: Independer
Publish Date:
Official Page: Go to website
Views Total: 926
License: MIT

Description:

Lightweight implementation of modal dialogs for Angular. Includes a Bootstrap theme and works with Bootstrap 4 styles.

Installation:

# NPM
$ npm install @independer/ng-modal --save

Usage:

import { ModalModule } from '@independer/ng-modal';

@NgModule({
  declarations: [
  ],
  imports: [
    // Import this module in order to use the "modal" component and ModalService
    ModalModule
  ],
  providers: [
  ],
  bootstrap: [
  ],
  entryComponents: [
    // modal components here
  ]
})
export class AppModule { }

Options.

@Input() closeOnEscape = true;
@Input() closeOnOutsideClick = true;
@Input() showCloseButton = true;
@Input() routeBehavior = false;

Preview:

ng-modal

Tags:

Leave a Reply