2.0.6 • Published 6 years ago
ngx-masonry-layout v2.0.6
Masonry layout for Angular
Demo
http://crystalui.org/components/masonry-layout
Installation
Install the npm package.
npm i ngx-masonry-layoutImport module:
import {MasonryLayoutModule} from 'ngx-masonry-layout';
@NgModule({
imports: [MasonryLayoutModule]
})Usage
myImages = [
{
path: 'path_to_image',
width: natural_width,
height: natural_height
}
];<masonry-layout
[max-height]="250"
[gutter]="4"
[images]="myImages"
(events)="handleMasonryLayoutEvents($event)"></masonry-layout>Properties
| name | type | description |
|---|---|---|
| max-height | number | Maximum row height. |
| gutter | number | Adds space between item elements (it is recommended to use even numbers). |
| class-name | string, { key: string: any; } | Adds classes for each item. Supports the same syntax as ngClass. |