Materials

This project contains custom components missed in angular materials2. They can be used in angular2 apps.

This project was generated with Angular CLI version 1.1.1.

Components

An Image Carousel.

Using in template:

<rm-materials-carousel [images]="images">
  ... loading carousel
 </rm-materials-carousel>

Styling

rm-materials-carousel {
    height: 200px;
}

Images can be an object with attributes "src" and "alt" for only one image or an array of such objects.

An image preview for an array of objects with attributes "src" and "alt". Using in template:

<rm-materials-img-viewer [images]="images4">
  ..Loading img-viewer
</rm-materials-img-viewer>

Styling

rm-materials-img-viewer, rm-materials-img-viewer div img {
    height: 200px;
}

Use npm to install

npm install rm-materials --save

Include font-awesome into your site using cdn

  <!--Installing font-awesome via cdn-->
  <script src="https://use.fontawesome.com/494a603944.js"></script>

or in angular.json

...
"styles": [
  ...,
  "../node_modules/font-awesome/css/font-awesome.css"
],
...