Material Community Components
Angular Material components that are not implemented in official package.
The color-picker component has an additional peer-dependency to @thebespokepixel/es-tinycolor to help with color calculations.
Check out our documentation & live demo
All the components have the prefix
mcc followed by the package name.
We use some components from Angular Material. To be able to use this components, 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.
If you don't want to add another dependency to your project, you can use the NoopAnimationsModule.
Install material community components package:
npm install material-community-components
yarn add material-community-components
To use the same theme of Angular Material add the following code to your
;;// Define the palettes for your theme using the Material Design palettes available in palette.scss// (imported above). For each palette, you can optionally specify a default, lighter, and darker// hue. Available color palettes:;;// The warn palette is optional (defaults to red).;// Create the theme object (a Sass map containing all of the palettes).;// build angular material theme// pass angular material theme to material community components
Right now only
speed-dial do support the theme (see ISSUE-172).
Upgrading from 7.x.x
Since version 9.0.0 the lib only provides secondary entry-points for import. To migrate change your imports like that: