Cover Item for Ionic v2/v3 is the component for integrating cover images into list pages (demo).

Installation:

• Download the zip file and unzip it;
• Copy files from vice-cover-item/src and paste them into src folder within your project;
• Import component in app.module.ts:

```javascript import { ViceCoverItem } from 'path/to/vice-cover-item'; ...

@NgModule({ declarations: [ ..., ViceCoverItem ], ... }) export class AppModule {} ```

Usage:

In your view, add:

html <!-- Other content --> <ion-list class="page-list"> <vice-cover-item *ngFor="let item of items" [imageUrl]="item.imageUrl"> <!-- Start of your content within the item --> <h1>{{item.title}}</h1> <p>{{item.subtitle}}</p> <!-- End of your content within the item --> </vice-cover-item> </ion-list> <!-- Other content -->

Options:

• [imageUrl] (required string) - path to cover image;