1.0.23 • Published 1 year ago
ngx-material-popover v1.0.23
ngx-material-popover
Popover for Angular Material
Uses the material menu to work like a popover
Dependencies
- @angular/material
- @angular/cdk
Installation
npm install --save ngx-material-popover
Usage
//app.module.ts
import { NgxMaterialPopoverModule } from 'ngx-material-popover';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
@NgModule({
imports: [
NgxMaterialPopoverModule,
BrowserAnimationsModule
]
})
For animations please import the BrowserAnimationsModule
.
<ngx-material-popover
[popoverContent]="popoverContent"
[clickOutToClose]="true"
[xPosition]="xPosition"
[yPosition]="yPosition"
[clickOutToClose]="true"
(onClose)="popoverClosed($event)"
#popover="ngxMaterialPopover" mode="toggle">
<button mat-raised-button data-cy="button">Popover Example</button>
</ngx-material-popover>
<ng-template #popoverContent>
<p>Popover content</p>
<div class="footer">
<button mat-button (click)="onClose()">close</button>
<button mat-raised-button color="accent" (click)="onConfirm()" data-cy="button-close-popover">OK</button>
</div>
</ng-template>
1.0.23
1 year ago
1.0.22
1 year ago
1.0.21
1 year ago
1.0.20
1 year ago
1.0.19
1 year ago
1.0.18
1 year ago
1.0.17
1 year ago
1.0.16
1 year ago
1.0.15
1 year ago
1.0.14
1 year ago
1.0.13
1 year ago
1.0.12
1 year ago
1.0.11
1 year ago
1.0.10
1 year ago
1.0.6
2 years ago
1.0.5
2 years ago
1.0.4
2 years ago
1.0.3
2 years ago
1.0.0-pre.2
2 years ago
1.0.0-pre.1
2 years ago
1.0.2
2 years ago
1.0.1
2 years ago
1.0.0
2 years ago