Cover Item

Cover Item

Cover items on list pages in your app

$10.00

CodeExplorer

CodeExplorer

Member since 2016

Details

Version:
1.0
Ionic:
3.x  
Platforms:
iOS, Android  
Released:
4 years ago
Updated:
4 years ago
Category:
Plugins
Tags:
,

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;