aboutsummaryrefslogtreecommitdiff
path: root/client/src/components/ProductCard.vue
blob: 57698e55f4dda6cdb6bcc0183990685eadb8b26b (plain) (blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<template>
  <div class="card">
    <img :src="productImg" class="card-img-top">
    <div class="card-body">
      <h5 class="card-title">{{ productName }}</h5>
      <a :href="productLink" class="btn btn-dark w-100">Details</a>
    </div>
  </div>
</template>

<script>
export default {
  name: 'ProductCard',
  props: {
    productName: String,
    productImg: String,
    productLink: String
  }
}
</script>