Skip to content

Latest commit

 

History

History
99 lines (73 loc) · 1.92 KB

README.md

File metadata and controls

99 lines (73 loc) · 1.92 KB

NgbConfirmationModal

Installation

npm install ngb-confirmation-modal

import { NgbConfirmationModalModule } from 'ngb-confirmation-modal';

  imports: [
    NgbConfirmationModalModule,
  ],

Basic usage

<ngb-confirmation-modal (closeResult)="onConfirmationModalResult($event)" [openModalFlag]="openConfirmationModal">

  <ng-template ngbConfirmationModalHeader>
    Modal header
  </ng-template>

  <ng-template ngbConfirmationModalBody>
    Modal body
  </ng-template>

</ngb-confirmation-modal>

Input

Input Type Default value
[confirmButtonColor] text primary
[confirmButtonText] text Confirm
[cancelButtonColor] text secondary
[cancelButtonText] text Cancel
[openModalFlag] boolean false
  • confirmButtonColor: Bootstrap color of confirmation button.
  • confirmButtonText: Confirmation button text.
  • cancelButtonColor: Bootstrap color of cancel button.
  • cancelButtonText: Cancel button text.
  • openModalFlag: If you set to true modal will open.
Available colors:
  • primary
  • warning
  • secondary
  • danger
  • success
  • info
  • dark
  • light
  • muted
  • white

Output

Output Returned type
(closeResult) boolean
  • Confirm button click: returned value: true
  • Cancel button click: returned value: false

Templates

Modal header
  • confirmationModalHeader (default value: Confirmation)
<ngb-confirmation-modal>

  <ng-template ngbConfirmationModalHeader>
    Confirmation about user delete
  </ng-template>

</ngb-confirmation-modal>
Modal body
  • confirmationModalBody (default value: Are you sure?)
<ngb-confirmation-modal>

  <ng-template ngbConfirmationModalBody>
    Are you sure you want to delete a user?
  </ng-template>

</ngb-confirmation-modal>