Material Extended for Angular

Project status

Angular Material Extended is currently in alpha.

This was originally created for demo purposed for a angular/material issue feature request. Issue can be found at angular/material2#2691

If you'd like to contribute 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 and @angular/material

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

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 using @angular/cdk when released.

Available features

Feature	Notes	Docs
popover	In-progress (demo)	Docs