@angular2-mdl-ext/popover

Angular 2 Material Design Lite - Popover Component

Stats

stars 🌟issues ⚠️updated 🛠created 🐣size 🏋️‍♀️
10237Jun 16, 2019Sep 10, 2016Minified + gzip package size for @angular2-mdl-ext/popover in KB

Readme

Popover

Installing

npm i --save @angular2-mdl-ext/popover

import { MdlPopoverModule } from '@angular2-mdl-ext/popover';

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"

If you find any bugs or have a feature request, please open an issue on github!

The npm package download data comes from npm's download counts api and package details come from npms.io.