Important: This documentation covers Yarn 1 (Classic).
For Yarn 2+ docs and migration guide, see yarnpkg.com.

Package detail

images-grid-canvas

Usage

readme

ImagesGrid

Usage

  1. In your HTML add:

    <lib-images-grid [stylingData]="stylingData" [imagesWithLinks]="imagesWithLinks"></lib-images-grid>
  2. In your component.ts add e.g.:

    public stylingData: IStylingData = {
     bgColor: 'black',
     imageMaxWith: '10px',
     imageMargin: '10px',
     imageBackgroundColor: 'rgb(93,188, 210)',
     innerFrameColor: 'rgb(213,54,84)',
     outerFrameMargin: '3px',
     outerFramePadding: '1px',
     outerFrameColor: 'rgb(93,188, 210)',
     innerFramePadding: '1px',
     innerFrameMargin: '0px',
     justifyContent: 'center'
    };
    
    public imagesWithLinks: IImageLinkWithDetailsLink[] = [
     {
       imageLink: '',
       detailsLink: ''
     }
    ];
  3. In your app.module.ts add:

    imports: [
     ImagesGridModule,