---
title: Product Cards
layout: common-ux-layout.hbs
---

<h3>Default Card</h3>
<div class="product-card-list">
  {{#each product-cards.items}}
    {{>product_card}}
  {{/each}}
</div>

<h3>Small Card</h3>
<div class="product-card-list small">
  {{#each product-cards.items}}
    {{>product_card class='small'}}
  {{/each}}
</div>


<script defer src="https://www.tui.se/heart.se.js"></script>