Cards are one of the best design patterns for showcasing content on a mobile device. For any page or app that displays a user's personalized content, cards are the way to go. The world is moving towards cards to display content on mobiles, and, in some cases, on desktops too. Examples include Twitter ( and Google Now.

So, you can simply port that design pattern to your app as well. All you need to do is design the personalized content that fits into a card and place it inside an ion-card component:

<ion-card>  <ion-card-header>       Card Header  </ion-card-header> <ion-card-content>  Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dignissimos magni itaque numquam distinctio pariatur voluptas ...

Get Learning Ionic - Second Edition now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.