Angular confirmation popover


Demo

https://mattlewis92.github.io/angular-confirmation-popover/

Table of contents

- About
- Installation
- Documentation
- Development
- License

About

A simple angular 15.0+ directive to display a bootstrap styled confirmation popover when an element is clicked.

AngularJS 1.x version

Installation

1. Install through npm:

``
npm install angular-confirmation-popover
`

2. Install bootstrap (both v3 and v4 are supported). If not using bootstrap you could implement the popover styles yourself.

3. Add the NgModule:

`typescript
import { NgModule, Component } from '@angular/core';
import { ConfirmationPopoverModule } from 'angular-confirmation-popover';

@NgModule({
declarations: [MyComponent],
imports: [
ConfirmationPopoverModule.forRoot({
confirmButtonType: 'danger', // set defaults here
}),
],
bootstrap: [MyComponent],
})
class MyModule {}
`

4. Now use it within your component

`typescript
@Component({
selector: 'my-component',
template: Click me! ,
})
class MyComponent {
popoverTitle = 'Popover title';
popoverMessage = 'Popover description';
confirmClicked = false;
cancelClicked = false;
}
`

You may also find it useful to view the demo source.

Documentation

All documentation is auto-generated from the source via compodoc and can be viewed here:
https://mattlewis92.github.io/angular-confirmation-popover/docs/

The main mwlConfirmationPopover directive options can be viewed here.

Development

$3

- Install Node.js
- Install pnpm: corepack enable
- Install local dev dependencies: pnpm install while current directory is this repo

$3

Run pnpm start to start a development server on port 8000 with auto reload + tests.

$3

Run pnpm test to run tests once or pnpm test:watch to continually run tests.

$3

`bash
pnpm release
``

License

MIT