15.0.0 • Published 1 year ago
@angular-mdl/popover v15.0.0
Popover
Installing
npm i --save @angular-mdl/popover
import { MdlPopoverModule } from '@angular-mdl/popover';
If you need to support IE11 please add https://www.npmjs.com/package/custom-event-polyfill to your polyfills.
Usage example
<button
mdl-button
(click)="myPopover.toggle($event)"
mdl-button-type="icon"
mdl-ripple>
<mdl-icon>more_vert</mdl-icon>
</button>
<mdl-popover #myPopover [style.width.px]="300">
<div mdl-shadow="6" style="padding: 1rem;">
<b>This is example popover</b> you can put any HTML content here.
</div>
</mdl-popover>
API Summary
mdl-popover
Name | Type | Description |
---|---|---|
[hide-on-click] | boolean | Hide popover on clicking inside it, default false |
[style.*] | ... | Styling i.e. [style.width.px]="300" |
(onHide) | ... | on hide event |
(onShow) | ... | on show event |
15.0.0
1 year ago
14.0.0
2 years ago
13.0.0
2 years ago
12.0.0
3 years ago
11.0.0
3 years ago
10.0.1
4 years ago
10.0.0
4 years ago
9.0.0
4 years ago
8.0.0
5 years ago
8.0.0-beta.0
5 years ago
6.0.0
6 years ago
5.0.0
6 years ago
0.10.0
6 years ago
0.9.1
6 years ago
0.9.0
7 years ago
0.8.0
7 years ago
0.7.0
7 years ago
0.6.5
7 years ago
0.6.4
7 years ago
0.6.3
7 years ago
0.6.2
7 years ago
0.6.1
7 years ago
0.6.0
7 years ago