Part 7 how to use cards in ionic

In this video, I will show you that how you can use ionic card UI components the card component are very basic and mostly use the component in many application today.
Cards are a great way to display important pieces of content, and are quickly emerging as a core design pattern for apps
They are a great way to contain and organize information, while also setting up predictable expectations for the user.
With so much content to display at once, and often so little screen real estate, cards have fast become the design pattern of choice for many companies, including the likes of Google, Twitter, and Spotify.
you can create cards with
Card Lists
Card Images
Background Images
Advanced Cards
Basic Cards
Card Headers

<ion-card>



  <ion-card-header>

   //  Card Header

  </ion-card-header>



  <ion-card-content>

    <!-- your card content will be here -->

  </ion-card-content>



</ion-card>

Cards with Header 

<ion-card>

  <ion-card-header>

   News

  </ion-card-header>

  <ion-card-content>

    News from India

 </ion-card-content>

</ion-card>

Card Lists

Card Images

Background Images

Advanced Cards