Material Extended for Angular - Popover

Links

Material Popover Demo | StackBlitz Template

Project status

Angular Material Extended is currently in alpha.

This was originally created as an example for a @angular/material issue feature request. Issue can be found at angular/material2#2691

If you'd like to contribute please create an issue or pull request.

Examples

Standard popover

Google+ style popover

Installation

Install npm package using:

yarn add @material-extended/mde or npm install @material-extended/mde

Install required packages @angular/cdk

yarn add @angular/cdk or npm install @angular/cdk

Remember to import Material2 theme.

app.module.ts

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';


import { AppComponent } from './app.component';
import { MdePopoverModule } from '@material-extended/mde';

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    MdePopoverModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

Todo

1. A design document needs creating to finalise requirements and API specifications. Once a document is created the component can be refactored and released as beta for testing.
2. Refactor now that @angular/cdk is released.

Available features

Feature	Notes	Docs
popover	In-progress (popover demo)	Docs

Issues

Please report bugs and issues here.

License

MIT © Joe Jordan Brown

Angular Popover by UIXD