Style ionic card list

@kn01 wrote:

I am trying to create a contact list on Ionic 5, using angular, but it is not possible to access this style. can you help me? How to leave a rendered image at the beginning of the card, with a icon and header and a icon with subheader, as in the image below?

my code:

<ion-content padding>
  <ion-card>
    <ion-grid>
     <ion-row>
      <ion-col>
        <img src="https://material.angular.io/assets/img/examples/shiba1.jpg" style="border-radius: 50%; width: 80%; height: 85%">
      </ion-col>
    <ion-col>
        <ion-item>
          <p>Marty McFly</p>
        </ion-item> 
        <ion-card-content>
          <ion-item>
            <ion-icon></ion-icon>
            <p>Wait a minute. Wait a minute, Doc. Uhhh</p>
          </ion-item>
      </ion-card-content>
    </ion-col>
     </ion-row>
    </ion-grid>
  
  </ion-card>

</ion-content>

my page:

Captura de Tela 2020-05-17 às 19.08.18936×522 82.1 KB

thanks =)

Posts: 1

Participants: 1

Read full topic