ngx-confirm-box/README.md

Library for confirm box - Angular 4/5/6

# ngx-confirm-box
This is angular 4/5/6 package used to implement confirm box in your application.
## Installation

```bash
$ npm install ngx-confirm-box --save
```
## Usage
import the Module in the `app.module.ts` 
```typescript
import { NgxConfirmBoxModule,NgxConfirmBoxService } from 'ngx-confirm-box';
@NgModule({
  imports: [
    // ...
    NgxConfirmBoxModule
  ],
  providers: [
    // ...
    NgxConfirmBoxService
  ]
})
```
Add the service in the component you are going to use
```typescript
import { NgxConfirmBoxService } from 'ngx-confirm-box';

//example
export class AppComponent implements OnInit {
  constructor(private confirmBox: NgxConfirmBoxService) { }

  bgColor           ='rgba(0,0,0,0.5)'; // overlay background color
  confirmHeading    = '';
  confirmContent    = "Are you sure want to delete tsddshis?";
  confirmCanceltext = "Cancel";
  confirmOkaytext   = "Okay";

    yourMethod(){
        this.confirmBox.show();
    }

    confirmChange(showConfirm:boolean){
        if(showConfirm){
            //Your code goes here
        }
    }
  }

}

```
In Template Use the directive
```html
<!-- <ngx-confirm-box (confirmEvt)="confirmChange($event)"></ngx-confirm-box> -->
<ngx-confirm-box [bgColor]="bgColor" [confirmHeading]="confirmHeading" [confirmCanceltext]="confirmCanceltext" [confirmContent]= "confirmContent" [confirmOkaytext] = "confirmOkaytext" (confirmEvt)="confirmChange($event)"></ngx-confirm-box>
```
## Customization
Propery | Uses | 
--- | --- | --- |
bgColor  | Used to change the background color of overlay div, It uses rgba value, Default value is `rgba(0,0,0,0.5)` | 
confirmHeading | This is representing title of confirm box, Default  value is `''` | 
confirmContent  | This is representing   message what you want to show in confirm box, Default  value is `Are you sure want to delete this?` | 
confirmCanceltext | This is representing  reject button text in confirm box, Default  value is `Cancel` | 
confirmOkaytext  | This is representing  accept button text in confirm box, Default  value is `OKay` | 

## Dependency modules

This package used Bootstrap for the styles, Make sure your project is imported with bootstrap

## License
The MIT License (MIT)