AppPresser Custom Page Example

custom-components.html

<!-- 
Example code for custom HTML pages https://docs.apppresser.com/article/462-html-samples-for-custom-pages
You also need to add custom CSS to make this look like the demo. Find the CSS here: https://gist.github.com/scottopolis/3fb840b1620bd723c2df44cf117f41c6
-->
<span class="list-header">Upcoming events:</span>

<ap-list route="https://mysite.com/wp-json/wp/v2/posts?per_page=1"></ap-list>

<ion-card>

<ion-card-header>
    Speakers
</ion-card-header>

<ap-slider route="https://mysite.com/wp-json/wp/v2/posts?per_page=3"></ap-slider>

</ion-card>

<ion-card>

<ion-card-header>
    Latest Posts
</ion-card-header>

<ap-list route="https://mysite.com/wp-json/wp/v2/posts?per_page=3"></ap-list>

</ion-card>

<ion-item>
    <span item-start>Come see us!</span>
    <button ion-button icon-start clear item-end>
      <ion-icon name="pin"></ion-icon>
      Directions
    </button>
</ion-item>