@fiteo/outfit-carousel-vue2

Outfit Carousel - Desktop and Mobile Web - Vue2 from https://fiteo.store/

Scripts

  npm i @fiteo/outfit-carousel-vue2

PropTypes

Properties | Type | Default | Description --- | --- | --- | --- productId: (required) | String |"123456"| Get the outfit list by product id. privateKey: (required) | String |"123456ABCDEF"| The key to use this component. size: (optional) | String |"12" or "12,14"| filter by size. onClickProduct: (optional) | Function | callbackFunction(productId) | Callback Function trigger when click on the product with parameter is: productId. nameSize: (optional) | String |"1.15"| Set the font size value for the outfit's name (rem). tagSize: (optional) | String |"0.9"| Set the font size value for the outfit's tags (rem).

Usage

<template>
  <outfit-carousel
    productId="123456"
    privateKey="123456ABCDEF"
    size="12,14"
    :onClickProduct="handleClickProduct"
    nameSize="1.15"
    tagSize="0.9"
  />
</template>

<script>
import OutfitCarousel from "@fiteo/outfit-carousel-vue2"

export default {
  components: { OutfitCarousel }
  methods: {
    handleClickProduct(productId) {
      console.log("...productId", productId)
    },
  },
}
</script>