
Cover Item
Cover items on list pages in your app
$10.00
Details
- Version:
- 1.0
- Ionic:
- 3.x
- Platforms:
- iOS, Android
- Released:
- 4 years ago
- Updated:
- 3 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 intosrc
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;