Skip to content

LukasN/material-community-components

 
 

Repository files navigation

Small in size but big in features!

The idea of the Material Community Components is to provide components that aren't available in the Angular Material2 yet.

All the components are created using just Angular, Material 2 and CDK.

Check out our documentation & live demo

Components Status

All the components have the prefix mcc followed by the package name.

Component Status package
Button Group - ---
Color Picker Available mcc-color-picker
File Manager - ---
Scrollspy Available mcc-scrollspy
Timer Picker Available mcc-timer-picker

If you miss any component, please follow the CONTRIBUTION GUIDELINE to open an issue.

Install

step: 1

We use some components from the Angular Material. To be able to use this component, you have to install the @angular/animations. If you follow all the steps in Material Guide, you already have this step done.

    npm install --save @angular/animations

Note: @angular/animations uses the WebAnimation API that isn't supported by all browsers yet. If you want to support Material component animations in these browsers, you'll have to include a polyfill.

import {BrowserAnimationsModule} from '@angular/platform-browser/animations';

@NgModule({
  ...
  imports: [BrowserAnimationsModule],
  ...
})
export class PizzaPartyAppModule { }

If you don't want to add another dependency to your project, you can use the NoopAnimationsModule.

import {NoopAnimationsModule} from '@angular/platform-browser/animations';

@NgModule({
  ...
  imports: [NoopAnimationsModule],
  ...
})
export class PizzaPartyAppModule { }

step: 2

Install material community components package:

    npm install material-community-components

or

  yarn add material-community-components

How to use

For more examples, you can see our app-demo folder or read the full documentation

License

The MIT License (MIT) Copyright (c) 2018

Sponsors

alt text

About

🐼 Angular Material Components created from the community

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • TypeScript 55.9%
  • HTML 34.6%
  • CSS 8.1%
  • JavaScript 1.4%