I want to show my thumbnail images like list ionic 4

I want to show my thumbnail images like. https://beta.ionicframework.com/docs/api/thumbnail#usage anyone plz help.

I am put the code. but it didn’t show list view line. example


tag

Hi Selvam.
Not sure if this is what you looking for, but in Creator under components you can insert list item.
Select style type as thumbnail in the drop down menu.
Configure your list item. Then duplicate it. This will create the list items under the main list. You can link it to any url or action.

Below are 4 list examples for links:

Link to page in app
Link to email
Link to external page
Link to tel number

The code would look like this

<ion-view title="Lists">
  <ion-content padding="true" class="has-header">
    <ion-list>
      <ion-item class="item-thumbnail-left" ui-sref="tabs.wELCOME()">
        <img src="https://s3.amazonaws.com/ionic-io-static/sXIKXrBzRx0XQWlxPDSX_bd-splash.jpg">
        <h2>Link to app page</h2>
        <p style="white-space:normal;">This list item links to page inside app</p>
      </ion-item>
      <ion-item class="item-thumbnail-left" href-inappbrowser="https://www.aidigital.co.za">
        <img src="https://s3.amazonaws.com/ionic-io-static/sXIKXrBzRx0XQWlxPDSX_bd-splash.jpg">
        <h2>Link external page</h2>
        <p style="white-space:normal;">This list item links to external page link</p>
      </ion-item>
      <ion-item class="item-thumbnail-left" href="tel:123456789">
        <img src="https://s3.amazonaws.com/ionic-io-static/sXIKXrBzRx0XQWlxPDSX_bd-splash.jpg">
        <h2>Link to tel</h2>
        <p style="white-space:normal;">Link to tel - will open phone call</p>
      </ion-item>
      <ion-item class="item-thumbnail-left" href="mailto:test@test.com">
        <img src="https://s3.amazonaws.com/ionic-io-static/sXIKXrBzRx0XQWlxPDSX_bd-splash.jpg">
        <h2>Link to Email</h2>
        <p style="white-space:normal;">Link to email - will open email client</p>
      </ion-item>
    </ion-list>
  </ion-content>
</ion-view>

If you want to show the thumbnails to the right - let me know and I will send the code.